#022864
RGB ( 赤 = 2, 緑 = 40, 青 = 100 )
HSL ( 色相 = 217°, 彩度 = 96%, 明度 = 20% )
H : 色相 ( 217° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #640d02 : -210
17 : #641e02 : -200
27 : #642e02 : -190
37 : #643e02 : -180
47 : #644f02 : -170
57 : #645f02 : -160
67 : #596402 : -150
77 : #486402 : -140
87 : #386402 : -130
97 : #286402 : -120
107 : #176402 : -110
117 : #076402 : -100
127 : #02640d : -90
137 : #02641e : -80
147 : #02642e : -70
157 : #02643e : -60
167 : #02644f : -50
177 : #02645f : -40
187 : #025964 : -30
197 : #024864 : -20
207 : #023864 : -10
217 : #022864 : ±0
227 : #021764 : +10
237 : #020764 : +20
247 : #0d0264 : +30
257 : #1e0264 : +40
267 : #2e0264 : +50
277 : #3e0264 : +60
287 : #4f0264 : +70
297 : #5f0264 : +80
307 : #640259 : +90
317 : #640248 : +100
327 : #640238 : +110
337 : #640228 : +120
347 : #640217 : +130
357 : #640207 : +140
207 : #023864 : -10
208 : #023664 : -9
209 : #023564 : -8
210 : #023364 : -7
211 : #023164 : -6
212 : #023064 : -5
213 : #022e64 : -4
214 : #022c64 : -3
215 : #022b64 : -2
216 : #022964 : -1
217 : #022864 : ±0
218 : #022664 : +1
219 : #022464 : +2
220 : #022364 : +3
221 : #022164 : +4
222 : #021f64 : +5
223 : #021e64 : +6
224 : #021c64 : +7
225 : #021b64 : +8
226 : #021964 : +9
227 : #021764 : +10
S : 彩度 ( 96% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -96
2 : #323334 : -94
4 : #313335 : -92
6 : #303236 : -90
8 : #2f3237 : -88
10 : #2e3238 : -86
12 : #2d3239 : -84
14 : #2c313a : -82
16 : #2b313b : -80
18 : #2a313c : -78
20 : #29313d : -76
22 : #28303e : -74
24 : #27303f : -72
26 : #263040 : -70
28 : #253041 : -68
30 : #242f42 : -66
32 : #232f43 : -64
34 : #222f44 : -62
36 : #212f45 : -60
38 : #202e46 : -58
40 : #1f2e47 : -56
42 : #1e2e48 : -54
44 : #1d2e49 : -52
46 : #1c2e4a : -50
48 : #1b2d4b : -48
50 : #1a2d4d : -46
52 : #182d4e : -44
54 : #172d4f : -42
56 : #162c50 : -40
58 : #152c51 : -38
60 : #142c52 : -36
62 : #132c53 : -34
64 : #122b54 : -32
66 : #112b55 : -30
68 : #102b56 : -28
70 : #0f2b57 : -26
72 : #0e2a58 : -24
74 : #0d2a59 : -22
76 : #0c2a5a : -20
78 : #0b2a5b : -18
80 : #0a295c : -16
82 : #09295d : -14
84 : #08295e : -12
86 : #07295f : -10
88 : #062960 : -8
90 : #052861 : -6
92 : #042862 : -4
94 : #032863 : -2
96 : #022864 : ±0
98 : #012765 : +2
100 : #002766 : +4
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #00040a : -18
4 : #000814 : -16
6 : #010c1e : -14
8 : #011028 : -12
10 : #011432 : -10
12 : #01183c : -8
14 : #011c46 : -6
16 : #022050 : -4
18 : #02245a : -2
20 : #022864 : ±0
22 : #022c6e : +2
24 : #022f78 : +4
26 : #033382 : +6
28 : #03378c : +8
30 : #033b96 : +10
32 : #033fa0 : +12
34 : #0343aa : +14
36 : #0447b4 : +16
38 : #044bbe : +18
40 : #044fc8 : +20
42 : #0453d2 : +22
44 : #0457dc : +24
46 : #055be6 : +26
48 : #055ff0 : +28
50 : #0563fa : +30
52 : #0f69fa : +32
54 : #196ffa : +34
56 : #2376fb : +36
58 : #2d7cfb : +38
60 : #3782fb : +40
62 : #4188fb : +42
64 : #4b8ffb : +44
66 : #5595fc : +46
68 : #5f9bfc : +48
70 : #69a1fc : +50
72 : #73a8fc : +52
74 : #7daefc : +54
76 : #87b4fd : +56
78 : #91bafd : +58
80 : #9bc1fd : +60
82 : #a5c7fd : +62
84 : #afcdfd : +64
86 : #b9d3fe : +66
88 : #c3dafe : +68
90 : #cde0fe : +70
92 : #d7e6fe : +72
94 : #e1ecfe : +74
96 : #ebf3ff : +76
98 : #f5f9ff : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow