#1f2216
RGB ( 赤 = 31, 緑 = 34, 青 = 22 )
HSL ( 色相 = 75°, 彩度 = 21%, 明度 = 11% )
H : 色相 ( 75° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #221716 : -70
15 : #221916 : -60
25 : #221b16 : -50
35 : #221d16 : -40
45 : #221f16 : -30
55 : #222116 : -20
65 : #212216 : -10
75 : #1f2216 : ±0
85 : #1d2216 : +10
95 : #1b2216 : +20
105 : #192216 : +30
115 : #172216 : +40
125 : #162217 : +50
135 : #162219 : +60
145 : #16221b : +70
155 : #16221d : +80
165 : #16221f : +90
175 : #162221 : +100
185 : #162122 : +110
195 : #161f22 : +120
205 : #161d22 : +130
215 : #161b22 : +140
225 : #161922 : +150
235 : #161722 : +160
245 : #171622 : +170
255 : #191622 : +180
265 : #1b1622 : +190
275 : #1d1622 : +200
285 : #1f1622 : +210
295 : #211622 : +220
305 : #221621 : +230
315 : #22161f : +240
325 : #22161d : +250
335 : #22161b : +260
345 : #221619 : +270
355 : #221617 : +280
65 : #212216 : -10
66 : #212216 : -9
67 : #212216 : -8
68 : #202216 : -7
69 : #202216 : -6
70 : #202216 : -5
71 : #202216 : -4
72 : #202216 : -3
73 : #1f2216 : -2
74 : #1f2216 : -1
75 : #1f2216 : ±0
76 : #1f2216 : +1
77 : #1f2216 : +2
78 : #1e2216 : +3
79 : #1e2216 : +4
80 : #1e2216 : +5
81 : #1e2216 : +6
82 : #1e2216 : +7
83 : #1d2216 : +8
84 : #1d2216 : +9
85 : #1d2216 : +10
S : 彩度 ( 21% )
(0%) 渋い ~ 鮮やか (100%)
1 : #1c1c1c : -20
3 : #1c1d1b : -18
5 : #1d1d1b : -16
7 : #1d1e1a : -14
9 : #1d1f1a : -12
11 : #1e1f19 : -10
13 : #1e2018 : -8
15 : #1e2018 : -6
17 : #1e2117 : -4
19 : #1f2117 : -2
21 : #1f2216 : ±0
23 : #1f2316 : +2
25 : #202315 : +4
27 : #202414 : +6
29 : #202414 : +8
31 : #202513 : +10
33 : #212513 : +12
35 : #212612 : +14
37 : #212612 : +16
39 : #222711 : +18
41 : #222811 : +20
43 : #222810 : +22
45 : #22290f : +24
47 : #23290f : +26
49 : #232a0e : +28
51 : #232a0e : +30
53 : #232b0d : +32
55 : #242b0d : +34
57 : #242c0c : +36
59 : #242d0c : +38
61 : #252d0b : +40
63 : #252e0a : +42
65 : #252e0a : +44
67 : #252f09 : +46
69 : #262f09 : +48
71 : #263008 : +50
73 : #263108 : +52
75 : #273107 : +54
77 : #273206 : +56
79 : #273206 : +58
81 : #273305 : +60
83 : #283305 : +62
85 : #283404 : +64
87 : #283404 : +66
89 : #293503 : +68
91 : #293603 : +70
93 : #293602 : +72
95 : #293701 : +74
97 : #2a3701 : +76
99 : #2a3800 : +78
L : 明度 ( 11% )
(0%) 暗い ~ 明るい (100%)
1 : #030302 : -10
3 : #080906 : -8
5 : #0e0f0a : -6
7 : #14160e : -4
9 : #191c12 : -2
11 : #1f2216 : ±0
13 : #25281a : +2
15 : #2a2e1e : +4
17 : #303422 : +6
19 : #363b26 : +8
21 : #3b412a : +10
23 : #41472e : +12
25 : #464d32 : +14
27 : #4c5336 : +16
29 : #52593a : +18
31 : #57603e : +20
33 : #5d6642 : +22
35 : #636c47 : +24
37 : #68724b : +26
39 : #6e784f : +28
41 : #747f53 : +30
43 : #798557 : +32
45 : #7f8b5b : +34
47 : #84915f : +36
49 : #8a9763 : +38
51 : #8f9c68 : +40
53 : #94a06e : +42
55 : #98a474 : +44
57 : #9da87a : +46
59 : #a1ac80 : +48
61 : #a6b087 : +50
63 : #abb48d : +52
65 : #afb893 : +54
67 : #b4bd99 : +56
69 : #b8c19f : +58
71 : #bdc5a6 : +60
73 : #c1c9ac : +62
75 : #c6cdb2 : +64
77 : #cbd1b8 : +66
79 : #cfd5be : +68
81 : #d4d9c4 : +70
83 : #d8ddcb : +72
85 : #dde1d1 : +74
87 : #e1e5d7 : +76
89 : #e6e9dd : +78
91 : #eaede3 : +80
93 : #eff1e9 : +82
95 : #f4f5f0 : +84
97 : #f8f9f6 : +86
99 : #fdfdfc : +88
CSS入門、作ってます。
text-shadow