#001828
RGB ( 赤 = 0, 緑 = 24, 青 = 40 )
HSL ( 色相 = 204°, 彩度 = 100%, 明度 = 8% )
H : 色相 ( 204° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #290300 : -200
14 : #290a00 : -190
24 : #291000 : -180
34 : #291700 : -170
44 : #291e00 : -160
54 : #292500 : -150
64 : #262900 : -140
74 : #1f2900 : -130
84 : #182900 : -120
94 : #122900 : -110
104 : #0b2900 : -100
114 : #042900 : -90
124 : #002903 : -80
134 : #00290a : -70
144 : #002910 : -60
154 : #002917 : -50
164 : #00291e : -40
174 : #002925 : -30
184 : #002629 : -20
194 : #001f29 : -10
204 : #001829 : ±0
214 : #001229 : +10
224 : #000b29 : +20
234 : #000429 : +30
244 : #030029 : +40
254 : #0a0029 : +50
264 : #100029 : +60
274 : #170029 : +70
284 : #1e0029 : +80
294 : #250029 : +90
304 : #290026 : +100
314 : #29001f : +110
324 : #290018 : +120
334 : #290012 : +130
344 : #29000b : +140
354 : #290004 : +150
194 : #001f29 : -10
195 : #001f29 : -9
196 : #001e29 : -8
197 : #001d29 : -7
198 : #001d29 : -6
199 : #001c29 : -5
200 : #001b29 : -4
201 : #001b29 : -3
202 : #001a29 : -2
203 : #001929 : -1
204 : #001829 : ±0
205 : #001829 : +1
206 : #001729 : +2
207 : #001629 : +3
208 : #001629 : +4
209 : #001529 : +5
210 : #001429 : +6
211 : #001429 : +7
212 : #001329 : +8
213 : #001229 : +9
214 : #001229 : +10
S : 彩度 ( 100% )
(0%) 渋い ~ 鮮やか (100%)
0 : #141414 : -100
2 : #141415 : -98
4 : #141515 : -96
6 : #131516 : -94
8 : #131516 : -92
10 : #121516 : -90
12 : #121517 : -88
14 : #121517 : -86
16 : #111518 : -84
18 : #111518 : -82
20 : #101518 : -80
22 : #101519 : -78
24 : #101519 : -76
26 : #0f151a : -74
28 : #0f161a : -72
30 : #0e161b : -70
32 : #0e161b : -68
34 : #0d161b : -66
36 : #0d161c : -64
38 : #0d161c : -62
40 : #0c161d : -60
42 : #0c161d : -58
44 : #0b161d : -56
46 : #0b161e : -54
48 : #0b161e : -52
50 : #0a161f : -50
52 : #0a171f : -48
54 : #09171f : -46
56 : #091720 : -44
58 : #091720 : -42
60 : #081721 : -40
62 : #081721 : -38
64 : #071721 : -36
66 : #071722 : -34
68 : #071722 : -32
70 : #061723 : -30
72 : #061723 : -28
74 : #051723 : -26
76 : #051824 : -24
78 : #041824 : -22
80 : #041825 : -20
82 : #041825 : -18
84 : #031826 : -16
86 : #031826 : -14
88 : #021826 : -12
90 : #021827 : -10
92 : #021827 : -8
94 : #011828 : -6
96 : #011828 : -4
98 : #001828 : -2
100 : #001829 : ±0
L : 明度 ( 8% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -8
2 : #00060a : -6
4 : #000c14 : -4
6 : #00121f : -2
8 : #001829 : ±0
10 : #001f33 : +2
12 : #00253d : +4
14 : #002b47 : +6
16 : #003152 : +8
18 : #00375c : +10
20 : #003d66 : +12
22 : #004370 : +14
24 : #00497a : +16
26 : #005085 : +18
28 : #00568f : +20
30 : #005c99 : +22
32 : #0062a3 : +24
34 : #0068ad : +26
36 : #006eb8 : +28
38 : #0074c2 : +30
40 : #007acc : +32
42 : #0081d6 : +34
44 : #0087e0 : +36
46 : #008deb : +38
48 : #0093f5 : +40
50 : #0099ff : +42
52 : #0a9dff : +44
54 : #14a1ff : +46
56 : #1fa5ff : +48
58 : #29a9ff : +50
60 : #33adff : +52
62 : #3db1ff : +54
64 : #47b6ff : +56
66 : #52baff : +58
68 : #5cbeff : +60
70 : #66c2ff : +62
72 : #70c6ff : +64
74 : #7acaff : +66
76 : #85ceff : +68
78 : #8fd2ff : +70
80 : #99d6ff : +72
82 : #a3daff : +74
84 : #addeff : +76
86 : #b8e2ff : +78
88 : #c2e7ff : +80
90 : #ccebff : +82
92 : #d6efff : +84
94 : #e0f3ff : +86
96 : #ebf7ff : +88
98 : #f5fbff : +90
100 : #ffffff : +92
CSS入門、作ってます。
text-shadow