#021c12
RGB ( 赤 = 2, 緑 = 28, 青 = 18 )
HSL ( 色相 = 157°, 彩度 = 87%, 明度 = 6% )
H : 色相 ( 157° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #1d0502 : -150
17 : #1d0a02 : -140
27 : #1d0e02 : -130
37 : #1d1202 : -120
47 : #1d1702 : -110
57 : #1d1b02 : -100
67 : #1a1d02 : -90
77 : #151d02 : -80
87 : #111d02 : -70
97 : #0c1d02 : -60
107 : #081d02 : -50
117 : #031d02 : -40
127 : #021d05 : -30
137 : #021d0a : -20
147 : #021d0e : -10
157 : #021d12 : ±0
167 : #021d17 : +10
177 : #021d1b : +20
187 : #021a1d : +30
197 : #02151d : +40
207 : #02111d : +50
217 : #020c1d : +60
227 : #02081d : +70
237 : #02031d : +80
247 : #05021d : +90
257 : #0a021d : +100
267 : #0e021d : +110
277 : #12021d : +120
287 : #17021d : +130
297 : #1b021d : +140
307 : #1d021a : +150
317 : #1d0215 : +160
327 : #1d0211 : +170
337 : #1d020c : +180
347 : #1d0208 : +190
357 : #1d0203 : +200
147 : #021d0e : -10
148 : #021d0e : -9
149 : #021d0f : -8
150 : #021d0f : -7
151 : #021d10 : -6
152 : #021d10 : -5
153 : #021d11 : -4
154 : #021d11 : -3
155 : #021d12 : -2
156 : #021d12 : -1
157 : #021d12 : ±0
158 : #021d13 : +1
159 : #021d13 : +2
160 : #021d14 : +3
161 : #021d14 : +4
162 : #021d15 : +5
163 : #021d15 : +6
164 : #021d16 : +7
165 : #021d16 : +8
166 : #021d16 : +9
167 : #021d17 : +10
S : 彩度 ( 87% )
(0%) 渋い ~ 鮮やか (100%)
1 : #0f0f0f : -86
3 : #0f100f : -84
5 : #0f100f : -82
7 : #0e1010 : -80
9 : #0e1110 : -78
11 : #0e1110 : -76
13 : #0d1110 : -74
15 : #0d1210 : -72
17 : #0d1210 : -70
19 : #0c1210 : -68
21 : #0c1310 : -66
23 : #0c1310 : -64
25 : #0b1310 : -62
27 : #0b1310 : -60
29 : #0b1410 : -58
31 : #0b1410 : -56
33 : #0a1410 : -54
35 : #0a1511 : -52
37 : #0a1511 : -50
39 : #091511 : -48
41 : #091611 : -46
43 : #091611 : -44
45 : #081611 : -42
47 : #081611 : -40
49 : #081711 : -38
51 : #071711 : -36
53 : #071711 : -34
55 : #071811 : -32
57 : #071811 : -30
59 : #061811 : -28
61 : #061911 : -26
63 : #061912 : -24
65 : #051912 : -22
67 : #051a12 : -20
69 : #051a12 : -18
71 : #041a12 : -16
73 : #041a12 : -14
75 : #041b12 : -12
77 : #041b12 : -10
79 : #031b12 : -8
81 : #031c12 : -6
83 : #031c12 : -4
85 : #021c12 : -2
87 : #021d12 : ±0
89 : #021d12 : +2
91 : #011d13 : +4
93 : #011e13 : +6
95 : #011e13 : +8
97 : #001e13 : +10
99 : #001e13 : +12
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #010a06 : -4
4 : #01130c : -2
6 : #021d12 : ±0
8 : #032619 : +2
10 : #03301f : +4
12 : #043925 : +6
14 : #05432b : +8
16 : #054c31 : +10
18 : #065637 : +12
20 : #075f3d : +14
22 : #076943 : +16
24 : #08724a : +18
26 : #097c50 : +20
28 : #098656 : +22
30 : #0a8f5c : +24
32 : #0b9962 : +26
34 : #0ba268 : +28
36 : #0cac6e : +30
38 : #0db575 : +32
40 : #0dbf7b : +34
42 : #0ec881 : +36
44 : #0fd287 : +38
46 : #0fdb8d : +40
48 : #10e593 : +42
50 : #11ee99 : +44
52 : #1aef9d : +46
54 : #24f0a2 : +48
56 : #2df0a6 : +50
58 : #37f1aa : +52
60 : #40f2ae : +54
62 : #4af2b2 : +56
64 : #53f3b6 : +58
66 : #5df4ba : +60
68 : #66f4be : +62
70 : #70f5c2 : +64
72 : #79f6c6 : +66
74 : #83f6ca : +68
76 : #8df7ce : +70
78 : #96f8d2 : +72
80 : #a0f8d6 : +74
82 : #a9f9da : +76
84 : #b3fade : +78
86 : #bcfae3 : +80
88 : #c6fbe7 : +82
90 : #cffceb : +84
92 : #d9fcef : +86
94 : #e2fdf3 : +88
96 : #ecfef7 : +90
98 : #f5fefb : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow