#04181b
RGB ( 赤 = 4, 緑 = 24, 青 = 27 )
HSL ( 色相 = 188°, 彩度 = 74%, 明度 = 6% )
H : 色相 ( 188° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #1b0704 : -180
18 : #1b0b04 : -170
28 : #1b0f04 : -160
38 : #1b1204 : -150
48 : #1b1604 : -140
58 : #1b1a04 : -130
68 : #181b04 : -120
78 : #141b04 : -110
88 : #101b04 : -100
98 : #0c1b04 : -90
108 : #091b04 : -80
118 : #051b04 : -70
128 : #041b07 : -60
138 : #041b0b : -50
148 : #041b0f : -40
158 : #041b12 : -30
168 : #041b16 : -20
178 : #041b1a : -10
188 : #04181b : ±0
198 : #04141b : +10
208 : #04101b : +20
218 : #040c1b : +30
228 : #04091b : +40
238 : #04051b : +50
248 : #07041b : +60
258 : #0b041b : +70
268 : #0f041b : +80
278 : #12041b : +90
288 : #16041b : +100
298 : #1a041b : +110
308 : #1b0418 : +120
318 : #1b0414 : +130
328 : #1b0410 : +140
338 : #1b040c : +150
348 : #1b0409 : +160
358 : #1b0405 : +170
178 : #041b1a : -10
179 : #041b1a : -9
180 : #041b1b : -8
181 : #041a1b : -7
182 : #041a1b : -6
183 : #04191b : -5
184 : #04191b : -4
185 : #04191b : -3
186 : #04181b : -2
187 : #04181b : -1
188 : #04181b : ±0
189 : #04171b : +1
190 : #04171b : +2
191 : #04161b : +3
192 : #04161b : +4
193 : #04161b : +5
194 : #04151b : +6
195 : #04151b : +7
196 : #04151b : +8
197 : #04141b : +9
198 : #04141b : +10
S : 彩度 ( 74% )
(0%) 渋い ~ 鮮やか (100%)
0 : #0f0f0f : -74
2 : #0f1010 : -72
4 : #0f1010 : -70
6 : #0e1010 : -68
8 : #0e1011 : -66
10 : #0e1011 : -64
12 : #0d1111 : -62
14 : #0d1111 : -60
16 : #0d1112 : -58
18 : #0d1112 : -56
20 : #0c1212 : -54
22 : #0c1213 : -52
24 : #0c1213 : -50
26 : #0b1213 : -48
28 : #0b1214 : -46
30 : #0b1314 : -44
32 : #0a1314 : -42
34 : #0a1315 : -40
36 : #0a1315 : -38
38 : #091415 : -36
40 : #091415 : -34
42 : #091416 : -32
44 : #091416 : -30
46 : #081416 : -28
48 : #081517 : -26
50 : #081517 : -24
52 : #071517 : -22
54 : #071518 : -20
56 : #071618 : -18
58 : #061618 : -16
60 : #061618 : -14
62 : #061619 : -12
64 : #061619 : -10
66 : #051719 : -8
68 : #05171a : -6
70 : #05171a : -4
72 : #04171a : -2
74 : #04181b : ±0
76 : #04181b : +2
78 : #03181b : +4
80 : #03181c : +6
82 : #03191c : +8
84 : #02191c : +10
86 : #02191c : +12
88 : #02191d : +14
90 : #02191d : +16
92 : #011a1d : +18
94 : #011a1e : +20
96 : #011a1e : +22
98 : #001a1e : +24
100 : #001b1f : +26
L : 明度 ( 6% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -6
2 : #010809 : -4
4 : #031012 : -2
6 : #04181b : ±0
8 : #051f23 : +2
10 : #07272c : +4
12 : #082f35 : +6
14 : #09373e : +8
16 : #0b3f47 : +10
18 : #0c4750 : +12
20 : #0d4f59 : +14
22 : #0f5762 : +16
24 : #105e6a : +18
26 : #116673 : +20
28 : #136e7c : +22
30 : #147685 : +24
32 : #157e8e : +26
34 : #178697 : +28
36 : #188ea0 : +30
38 : #1995a9 : +32
40 : #1b9db1 : +34
42 : #1ca5ba : +36
44 : #1dadc3 : +38
46 : #1eb5cc : +40
48 : #20bdd5 : +42
50 : #21c5de : +44
52 : #2ac7df : +46
54 : #33c9e1 : +48
56 : #3ccce2 : +50
58 : #45cee3 : +52
60 : #4ed0e4 : +54
62 : #56d3e6 : +56
64 : #5fd5e7 : +58
66 : #68d7e8 : +60
68 : #71daea : +62
70 : #7adceb : +64
72 : #83deec : +66
74 : #8ce1ee : +68
76 : #95e3ef : +70
78 : #9de5f0 : +72
80 : #a6e8f2 : +74
82 : #afeaf3 : +76
84 : #b8ecf4 : +78
86 : #c1eff6 : +80
88 : #caf1f7 : +82
90 : #d3f3f8 : +84
92 : #dcf6fa : +86
94 : #e4f8fb : +88
96 : #edfafc : +90
98 : #f6fdfe : +92
100 : #ffffff : +94
CSS入門、作ってます。
text-shadow