#a616df
RGB
| 赤 | 166 |
|---|---|
| 緑 | 22 |
| 青 | 223 |
HSL
| 色相 | 283° |
|---|---|
| 彩度 | 82% |
| 明度 | 48% |
| 輝度 | 34% |
３桁の色
補色
反転色
RGB ( 赤 = 166, 緑 = 22, 青 = 223 )
HSL ( 色相 = 283°, 彩度 = 82%, 明度 = 48% )
H : 色相 ( 283° )
(0°) 赤～黄～緑～青～紫 (359°)
3 : #df2016 : -280
13 : #df4216 : -270
23 : #df6316 : -260
33 : #df8416 : -250
43 : #dfa616 : -240
53 : #dfc716 : -230
63 : #d5df16 : -220
73 : #b3df16 : -210
83 : #92df16 : -200
93 : #70df16 : -190
103 : #4fdf16 : -180
113 : #2ddf16 : -170
123 : #16df20 : -160
133 : #16df42 : -150
143 : #16df63 : -140
153 : #16df84 : -130
163 : #16dfa6 : -120
173 : #16dfc7 : -110
183 : #16d5df : -100
193 : #16b3df : -90
203 : #1692df : -80
213 : #1670df : -70
223 : #164fdf : -60
233 : #162ddf : -50
243 : #2016df : -40
253 : #4216df : -30
263 : #6316df : -20
273 : #8416df : -10
283 : #a616df : ±0
293 : #c716df : +10
303 : #df16d5 : +20
313 : #df16b3 : +30
323 : #df1692 : +40
333 : #df1670 : +50
343 : #df164f : +60
353 : #df162d : +70
273 : #8416df : -10
274 : #8816df : -9
275 : #8b16df : -8
276 : #8e16df : -7
277 : #9216df : -6
278 : #9516df : -5
279 : #9916df : -4
280 : #9c16df : -3
281 : #9f16df : -2
282 : #a316df : -1
283 : #a616df : ±0
284 : #a916df : +1
285 : #ad16df : +2
286 : #b016df : +3
287 : #b316df : +4
288 : #b716df : +5
289 : #ba16df : +6
290 : #bd16df : +7
291 : #c116df : +8
292 : #c416df : +9
293 : #c716df : +10
S : 彩度 ( 82% )
(0%) 渋い ～ 鮮やか (100%)
0 : #7a7a7a : -82
2 : #7b787d : -80
4 : #7d767f : -78
6 : #7e7382 : -76
8 : #7f7184 : -74
10 : #806e87 : -72
12 : #816c89 : -70
14 : #82698c : -68
16 : #83678e : -66
18 : #846490 : -64
20 : #856293 : -62
22 : #865f95 : -60
24 : #875d98 : -58
26 : #885b9a : -56
28 : #89589d : -54
30 : #8a569f : -52
32 : #8b53a2 : -50
34 : #8c51a4 : -48
36 : #8d4ea6 : -46
38 : #8f4ca9 : -44
40 : #9049ab : -42
42 : #9147ae : -40
44 : #9245b0 : -38
46 : #9342b3 : -36
48 : #9440b5 : -34
50 : #953db8 : -32
52 : #963bba : -30
54 : #9738bc : -28
56 : #9836bf : -26
58 : #9933c1 : -24
60 : #9a31c4 : -22
62 : #9b2fc6 : -20
64 : #9c2cc9 : -18
66 : #9d2acb : -16
68 : #9e27ce : -14
70 : #a025d0 : -12
72 : #a122d3 : -10
74 : #a220d5 : -8
76 : #a31dd7 : -6
78 : #a41bda : -4
80 : #a518dc : -2
82 : #a616df : ±0
84 : #a714e1 : +2
86 : #a811e4 : +4
88 : #a90fe6 : +6
90 : #aa0ce9 : +8
92 : #ab0aeb : +10
94 : #ac07ed : +12
96 : #ad05f0 : +14
98 : #ae02f2 : +16
100 : #af00f5 : +18
L : 明度 ( 48% )
(0%) 暗い ～ 明るい (100%)
0 : #000000 : -48
2 : #070109 : -46
4 : #0e0213 : -44
6 : #15031c : -42
8 : #1c0425 : -40
10 : #23052e : -38
12 : #290638 : -36
14 : #300641 : -34
16 : #37074a : -32
18 : #3e0854 : -30
20 : #45095d : -28
22 : #4c0a66 : -26
24 : #530b6f : -24
26 : #5a0c79 : -22
28 : #610d82 : -20
30 : #680e8b : -18
32 : #6f0f95 : -16
34 : #76109e : -14
36 : #7c11a7 : -12
38 : #8311b0 : -10
40 : #8a12ba : -8
42 : #9113c3 : -6
44 : #9814cc : -4
46 : #9f15d5 : -2
48 : #a616df : ±0
50 : #ad17e8 : +2
52 : #b020e9 : +4
54 : #b32aea : +6
56 : #b733eb : +8
58 : #ba3cec : +10
60 : #bd45ed : +12
62 : #c14fee : +14
64 : #c458ee : +16
66 : #c761ef : +18
68 : #ca6af0 : +20
70 : #ce74f1 : +22
72 : #d17df2 : +24
74 : #d486f3 : +26
76 : #d890f4 : +28
78 : #db99f5 : +30
80 : #dea2f6 : +32
82 : #e1abf7 : +34
84 : #e5b5f8 : +36
86 : #e8bef9 : +38
88 : #ebc7f9 : +40
90 : #efd1fa : +42
92 : #f2dafb : +44
94 : #f5e3fc : +46
96 : #f8ecfd : +48
98 : #fcf6fe : +50
100 : #ffffff : +52
CSS入門、作ってます。
text-shadow