#20222c
RGB ( 赤 = 32, 緑 = 34, 青 = 44 )
HSL ( 色相 = 230°, 彩度 = 16%, 明度 = 15% )
H : 色相 ( 230° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #2c2020 : -230
10 : #2c2220 : -220
20 : #2c2420 : -210
30 : #2c2620 : -200
40 : #2c2820 : -190
50 : #2c2a20 : -180
60 : #2c2c20 : -170
70 : #2a2c20 : -160
80 : #282c20 : -150
90 : #262c20 : -140
100 : #242c20 : -130
110 : #222c20 : -120
120 : #202c20 : -110
130 : #202c22 : -100
140 : #202c24 : -90
150 : #202c26 : -80
160 : #202c28 : -70
170 : #202c2a : -60
180 : #202c2c : -50
190 : #202a2c : -40
200 : #20282c : -30
210 : #20262c : -20
220 : #20242c : -10
230 : #20222c : ±0
240 : #20202c : +10
250 : #22202c : +20
260 : #24202c : +30
270 : #26202c : +40
280 : #28202c : +50
290 : #2a202c : +60
300 : #2c202c : +70
310 : #2c202a : +80
320 : #2c2028 : +90
330 : #2c2026 : +100
340 : #2c2024 : +110
350 : #2c2022 : +120
220 : #20242c : -10
221 : #20242c : -9
222 : #20242c : -8
223 : #20242c : -7
224 : #20232c : -6
225 : #20232c : -5
226 : #20232c : -4
227 : #20232c : -3
228 : #20232c : -2
229 : #20222c : -1
230 : #20222c : ±0
231 : #20222c : +1
232 : #20222c : +2
233 : #20222c : +3
234 : #20212c : +4
235 : #20212c : +5
236 : #20212c : +6
237 : #20212c : +7
238 : #20212c : +8
239 : #20202c : +9
240 : #20202c : +10
S : 彩度 ( 16% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -16
2 : #252627 : -14
4 : #252528 : -12
6 : #242529 : -10
8 : #232429 : -8
10 : #22242a : -6
12 : #22232b : -4
14 : #21232c : -2
16 : #20222c : ±0
18 : #1f222d : +2
20 : #1f212e : +4
22 : #1e212f : +6
24 : #1d202f : +8
26 : #1c2030 : +10
28 : #1c1f31 : +12
30 : #1b1f32 : +14
32 : #1a1e32 : +16
34 : #191e33 : +18
36 : #181d34 : +20
38 : #181d35 : +22
40 : #171c36 : +24
42 : #161c36 : +26
44 : #151b37 : +28
46 : #151b38 : +30
48 : #141a39 : +32
50 : #131a39 : +34
52 : #12193a : +36
54 : #12183b : +38
56 : #11183c : +40
58 : #10173c : +42
60 : #0f173d : +44
62 : #0f163e : +46
64 : #0e163f : +48
66 : #0d153f : +50
68 : #0c1540 : +52
70 : #0b1441 : +54
72 : #0b1442 : +56
74 : #0a1343 : +58
76 : #091343 : +60
78 : #081244 : +62
80 : #081245 : +64
82 : #071146 : +66
84 : #061146 : +68
86 : #051047 : +70
88 : #051048 : +72
90 : #040f49 : +74
92 : #030f49 : +76
94 : #020e4a : +78
96 : #020e4b : +80
98 : #010d4c : +82
100 : #000d4d : +84
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -14
3 : #060709 : -12
5 : #0b0b0f : -10
7 : #0f1015 : -8
9 : #13151b : -6
11 : #181921 : -4
13 : #1c1e26 : -2
15 : #20222c : ±0
17 : #242732 : +2
19 : #292b38 : +4
21 : #2d303e : +6
23 : #313444 : +8
25 : #36394a : +10
27 : #3a3e50 : +12
29 : #3e4256 : +14
31 : #42475c : +16
33 : #474b62 : +18
35 : #4b5068 : +20
37 : #4f546d : +22
39 : #545973 : +24
41 : #585d79 : +26
43 : #5c627f : +28
45 : #606785 : +30
47 : #656b8b : +32
49 : #697091 : +34
51 : #6e7596 : +36
53 : #747a9a : +38
55 : #7a809f : +40
57 : #8086a3 : +42
59 : #868ba7 : +44
61 : #8c91ab : +46
63 : #9297b0 : +48
65 : #979cb4 : +50
67 : #9da2b8 : +52
69 : #a3a8bd : +54
71 : #a9adc1 : +56
73 : #afb3c5 : +58
75 : #b5b8c9 : +60
77 : #bbbece : +62
79 : #c1c4d2 : +64
81 : #c7c9d6 : +66
83 : #cdcfdb : +68
85 : #d3d5df : +70
87 : #d9dae3 : +72
89 : #dee0e7 : +74
91 : #e4e6ec : +76
93 : #eaebf0 : +78
95 : #f0f1f4 : +80
97 : #f6f7f9 : +82
99 : #fcfcfd : +84
CSS入門、作ってます。
text-shadow