#d084f1
RGB
赤 | 208 |
---|---|
緑 | 132 |
青 | 241 |
HSL
色相 | 282° |
---|---|
彩度 | 80% |
明度 | 73% |
輝度 | 66% |
3桁の色
補色
反転色
RGB ( 赤 = 208, 緑 = 132, 青 = 241 )
HSL ( 色相 = 282°, 彩度 = 80%, 明度 = 73% )
H : 色相 ( 282° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #f18783 : -280
12 : #f19983 : -270
22 : #f1ab83 : -260
32 : #f1be83 : -250
42 : #f1d083 : -240
52 : #f1e383 : -230
62 : #eef183 : -220
72 : #dbf183 : -210
82 : #c9f183 : -200
92 : #b6f183 : -190
102 : #a4f183 : -180
112 : #92f183 : -170
122 : #83f187 : -160
132 : #83f199 : -150
142 : #83f1ab : -140
152 : #83f1be : -130
162 : #83f1d0 : -120
172 : #83f1e3 : -110
182 : #83eef1 : -100
192 : #83dbf1 : -90
202 : #83c9f1 : -80
212 : #83b6f1 : -70
222 : #83a4f1 : -60
232 : #8392f1 : -50
242 : #8783f1 : -40
252 : #9983f1 : -30
262 : #ab83f1 : -20
272 : #be83f1 : -10
282 : #d083f1 : ±0
292 : #e383f1 : +10
302 : #f183ee : +20
312 : #f183db : +30
322 : #f183c9 : +40
332 : #f183b6 : +50
342 : #f183a4 : +60
352 : #f18392 : +70
272 : #be83f1 : -10
273 : #c083f1 : -9
274 : #c183f1 : -8
275 : #c383f1 : -7
276 : #c583f1 : -6
277 : #c783f1 : -5
278 : #c983f1 : -4
279 : #cb83f1 : -3
280 : #cd83f1 : -2
281 : #ce83f1 : -1
282 : #d083f1 : ±0
283 : #d283f1 : +1
284 : #d483f1 : +2
285 : #d683f1 : +3
286 : #d883f1 : +4
287 : #d983f1 : +5
288 : #db83f1 : +6
289 : #dd83f1 : +7
290 : #df83f1 : +8
291 : #e183f1 : +9
292 : #e383f1 : +10
S : 彩度 ( 80% )
(0%) 渋い ~ 鮮やか (100%)
0 : #bababa : -80
2 : #bbb9bc : -78
4 : #bbb7bd : -76
6 : #bcb6be : -74
8 : #bcb5c0 : -72
10 : #bdb3c1 : -70
12 : #bdb2c2 : -68
14 : #beb1c4 : -66
16 : #bfafc5 : -64
18 : #bfaec7 : -62
20 : #c0acc8 : -60
22 : #c0abc9 : -58
24 : #c1aacb : -56
26 : #c1a8cc : -54
28 : #c2a7cd : -52
30 : #c2a5cf : -50
32 : #c3a4d0 : -48
34 : #c4a3d2 : -46
36 : #c4a1d3 : -44
38 : #c5a0d4 : -42
40 : #c59fd6 : -40
42 : #c69dd7 : -38
44 : #c69cd8 : -36
46 : #c79ada : -34
48 : #c799db : -32
50 : #c898dd : -30
52 : #c896de : -28
54 : #c995df : -26
56 : #ca94e1 : -24
58 : #ca92e2 : -22
60 : #cb91e3 : -20
62 : #cb8fe5 : -18
64 : #cc8ee6 : -16
66 : #cc8de8 : -14
68 : #cd8be9 : -12
70 : #cd8aea : -10
72 : #ce89ec : -8
74 : #cf87ed : -6
76 : #cf86ee : -4
78 : #d084f0 : -2
80 : #d083f1 : ±0
82 : #d182f3 : +2
84 : #d180f4 : +4
86 : #d27ff5 : +6
88 : #d27ef7 : +8
90 : #d37cf8 : +10
92 : #d37bf9 : +12
94 : #d479fb : +14
96 : #d578fc : +16
98 : #d577fe : +18
100 : #d675ff : +20
L : 明度 ( 73% )
(0%) 暗い ~ 明るい (100%)
1 : #030105 : -72
3 : #0a020e : -70
5 : #110317 : -68
7 : #180420 : -66
9 : #1e0529 : -64
11 : #250632 : -62
13 : #2c073c : -60
15 : #320845 : -58
17 : #39094e : -56
19 : #400a57 : -54
21 : #470b60 : -52
23 : #4d0c6a : -50
25 : #540d73 : -48
27 : #5b0e7c : -46
29 : #620f85 : -44
31 : #68108e : -42
33 : #6f1197 : -40
35 : #7612a1 : -38
37 : #7d13aa : -36
39 : #8314b3 : -34
41 : #8a15bc : -32
43 : #9116c5 : -30
45 : #9717cf : -28
47 : #9e18d8 : -26
49 : #a519e1 : -24
51 : #aa1ee6 : -22
53 : #ae27e7 : -20
55 : #b130e8 : -18
57 : #b43ae9 : -16
59 : #b843ea : -14
61 : #bb4ceb : -12
63 : #bf55ec : -10
65 : #c25eed : -8
67 : #c668ee : -6
69 : #c971ef : -4
71 : #cd7af0 : -2
73 : #d083f1 : ±0
75 : #d48cf2 : +2
77 : #d795f3 : +4
79 : #db9ff4 : +6
81 : #dea8f5 : +8
83 : #e2b1f6 : +10
85 : #e5baf7 : +12
87 : #e8c3f8 : +14
89 : #eccdf9 : +16
91 : #efd6fa : +18
93 : #f3dffb : +20
95 : #f6e8fc : +22
97 : #faf1fd : +24
99 : #fdfafe : +26
CSS入門、作ってます。
text-shadow