#18272f
RGB ( 赤 = 24, 緑 = 39, 青 = 47 )
HSL ( 色相 = 201°, 彩度 = 32%, 明度 = 14% )
H : 色相 ( 201° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #2f1918 : -200
11 : #2f1c18 : -190
21 : #2f2018 : -180
31 : #2f2418 : -170
41 : #2f2818 : -160
51 : #2f2c18 : -150
61 : #2f2f18 : -140
71 : #2b2f18 : -130
81 : #272f18 : -120
91 : #232f18 : -110
101 : #202f18 : -100
111 : #1c2f18 : -90
121 : #182f19 : -80
131 : #182f1c : -70
141 : #182f20 : -60
151 : #182f24 : -50
161 : #182f28 : -40
171 : #182f2c : -30
181 : #182f2f : -20
191 : #182b2f : -10
201 : #18272f : ±0
211 : #18232f : +10
221 : #18202f : +20
231 : #181c2f : +30
241 : #19182f : +40
251 : #1c182f : +50
261 : #20182f : +60
271 : #24182f : +70
281 : #28182f : +80
291 : #2c182f : +90
301 : #2f182f : +100
311 : #2f182b : +110
321 : #2f1827 : +120
331 : #2f1823 : +130
341 : #2f1820 : +140
351 : #2f181c : +150
191 : #182b2f : -10
192 : #182b2f : -9
193 : #182a2f : -8
194 : #182a2f : -7
195 : #18292f : -6
196 : #18292f : -5
197 : #18292f : -4
198 : #18282f : -3
199 : #18282f : -2
200 : #18282f : -1
201 : #18272f : ±0
202 : #18272f : +1
203 : #18262f : +2
204 : #18262f : +3
205 : #18262f : +4
206 : #18252f : +5
207 : #18252f : +6
208 : #18242f : +7
209 : #18242f : +8
210 : #18242f : +9
211 : #18232f : +10
S : 彩度 ( 32% )
(0%) 渋い ~ 鮮やか (100%)
0 : #232323 : -32
2 : #232424 : -30
4 : #222425 : -28
6 : #222426 : -26
8 : #212527 : -24
10 : #202527 : -22
12 : #1f2528 : -20
14 : #1f2529 : -18
16 : #1e2529 : -16
18 : #1d262a : -14
20 : #1d262b : -12
22 : #1c262c : -10
24 : #1b262c : -8
26 : #1a262d : -6
28 : #1a272e : -4
30 : #19272e : -2
32 : #18272f : ±0
34 : #182730 : +2
36 : #172831 : +4
38 : #162831 : +6
40 : #152832 : +8
42 : #152833 : +10
44 : #142833 : +12
46 : #132934 : +14
48 : #132935 : +16
50 : #122936 : +18
52 : #112936 : +20
54 : #102937 : +22
56 : #102a38 : +24
58 : #0f2a38 : +26
60 : #0e2a39 : +28
62 : #0e2a3a : +30
64 : #0d2b3b : +32
66 : #0c2b3b : +34
68 : #0b2b3c : +36
70 : #0b2b3d : +38
72 : #0a2b3d : +40
74 : #092c3e : +42
76 : #092c3f : +44
78 : #082c40 : +46
80 : #072c40 : +48
82 : #062c41 : +50
84 : #062d42 : +52
86 : #052d42 : +54
88 : #042d43 : +56
90 : #042d44 : +58
92 : #032e45 : +60
94 : #022e45 : +62
96 : #012e46 : +64
98 : #012e47 : +66
100 : #002e47 : +68
L : 明度 ( 14% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -14
2 : #030607 : -12
4 : #070b0d : -10
6 : #0a1114 : -8
8 : #0e161b : -6
10 : #111c22 : -4
12 : #152228 : -2
14 : #18272f : ±0
16 : #1c2d36 : +2
18 : #1f323d : +4
20 : #233843 : +6
22 : #263d4a : +8
24 : #2a4351 : +10
26 : #2d4958 : +12
28 : #314e5e : +14
30 : #345465 : +16
32 : #37596c : +18
34 : #3b5f72 : +20
36 : #3e6579 : +22
38 : #426a80 : +24
40 : #457087 : +26
42 : #49758d : +28
44 : #4c7b94 : +30
46 : #50819b : +32
48 : #5386a2 : +34
50 : #578ca8 : +36
52 : #5d90ac : +38
54 : #6495af : +40
56 : #6b9ab3 : +42
58 : #729eb6 : +44
60 : #78a3ba : +46
62 : #7fa7bd : +48
64 : #86acc1 : +50
66 : #8db1c4 : +52
68 : #93b5c8 : +54
70 : #9abacb : +56
72 : #a1bece : +58
74 : #a7c3d2 : +60
76 : #aec8d5 : +62
78 : #b5ccd9 : +64
80 : #bcd1dc : +66
82 : #c2d6e0 : +68
84 : #c9dae3 : +70
86 : #d0dfe7 : +72
88 : #d7e3ea : +74
90 : #dde8ee : +76
92 : #e4edf1 : +78
94 : #ebf1f5 : +80
96 : #f2f6f8 : +82
98 : #f8fafc : +84
100 : #ffffff : +86
CSS入門、作ってます。
text-shadow