#222c3a
RGB ( 赤 = 34, 緑 = 44, 青 = 58 )
HSL ( 色相 = 215°, 彩度 = 26%, 明度 = 18% )
H : 色相 ( 215° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #3a2422 : -210
15 : #3a2822 : -200
25 : #3a2c22 : -190
35 : #3a3022 : -180
45 : #3a3422 : -170
55 : #3a3822 : -160
65 : #383a22 : -150
75 : #343a22 : -140
85 : #303a22 : -130
95 : #2c3a22 : -120
105 : #283a22 : -110
115 : #243a22 : -100
125 : #223a24 : -90
135 : #223a28 : -80
145 : #223a2c : -70
155 : #223a30 : -60
165 : #223a34 : -50
175 : #223a38 : -40
185 : #22383a : -30
195 : #22343a : -20
205 : #22303a : -10
215 : #222c3a : ±0
225 : #22283a : +10
235 : #22243a : +20
245 : #24223a : +30
255 : #28223a : +40
265 : #2c223a : +50
275 : #30223a : +60
285 : #34223a : +70
295 : #38223a : +80
305 : #3a2238 : +90
315 : #3a2234 : +100
325 : #3a2230 : +110
335 : #3a222c : +120
345 : #3a2228 : +130
355 : #3a2224 : +140
205 : #22303a : -10
206 : #222f3a : -9
207 : #222f3a : -8
208 : #222f3a : -7
209 : #222e3a : -6
210 : #222e3a : -5
211 : #222e3a : -4
212 : #222d3a : -3
213 : #222d3a : -2
214 : #222c3a : -1
215 : #222c3a : ±0
216 : #222c3a : +1
217 : #222b3a : +2
218 : #222b3a : +3
219 : #222a3a : +4
220 : #222a3a : +5
221 : #222a3a : +6
222 : #22293a : +7
223 : #22293a : +8
224 : #22283a : +9
225 : #22283a : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #2d2d2d : -26
2 : #2d2e2f : -24
4 : #2c2e30 : -22
6 : #2b2d31 : -20
8 : #2a2d32 : -18
10 : #292d32 : -16
12 : #282d33 : -14
14 : #272d34 : -12
16 : #272d35 : -10
18 : #262d36 : -8
20 : #252c37 : -6
22 : #242c38 : -4
24 : #232c39 : -2
26 : #222c3a : ±0
28 : #212c3b : +2
30 : #202c3c : +4
32 : #1f2b3d : +6
34 : #1e2b3e : +8
36 : #1d2b3e : +10
38 : #1c2b3f : +12
40 : #1c2b40 : +14
42 : #1b2b41 : +16
44 : #1a2b42 : +18
46 : #192a43 : +20
48 : #182a44 : +22
50 : #172a45 : +24
52 : #162a46 : +26
54 : #152a47 : +28
56 : #142a48 : +30
58 : #132949 : +32
60 : #122949 : +34
62 : #11294a : +36
64 : #11294b : +38
66 : #10294c : +40
68 : #0f294d : +42
70 : #0e294e : +44
72 : #0d284f : +46
74 : #0c2850 : +48
76 : #0b2851 : +50
78 : #0a2852 : +52
80 : #092853 : +54
82 : #082854 : +56
84 : #072754 : +58
86 : #062755 : +60
88 : #062756 : +62
90 : #052757 : +64
92 : #042758 : +66
94 : #032759 : +68
96 : #02275a : +70
98 : #01265b : +72
100 : #00265c : +74
L : 明度 ( 18% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -18
2 : #040506 : -16
4 : #080a0d : -14
6 : #0b0f13 : -12
8 : #0f141a : -10
10 : #131820 : -8
12 : #171d27 : -6
14 : #1a222d : -4
16 : #1e2733 : -2
18 : #222c3a : ±0
20 : #263140 : +2
22 : #2a3647 : +4
24 : #2d3b4d : +6
26 : #313f54 : +8
28 : #35445a : +10
30 : #394960 : +12
32 : #3c4e67 : +14
34 : #40536d : +16
36 : #445874 : +18
38 : #485d7a : +20
40 : #4b6281 : +22
42 : #4f6687 : +24
44 : #536b8d : +26
46 : #577094 : +28
48 : #5b759a : +30
50 : #5e7aa1 : +32
52 : #657fa4 : +34
54 : #6b85a8 : +36
56 : #728aac : +38
58 : #788fb0 : +40
60 : #7e95b4 : +42
62 : #859ab7 : +44
64 : #8b9fbb : +46
66 : #92a5bf : +48
68 : #98aac3 : +50
70 : #9fafc6 : +52
72 : #a5b5ca : +54
74 : #abbace : +56
76 : #b2bfd2 : +58
78 : #b8c4d5 : +60
80 : #bfcad9 : +62
82 : #c5cfdd : +64
84 : #ccd4e1 : +66
86 : #d2dae5 : +68
88 : #d8dfe8 : +70
90 : #dfe4ec : +72
92 : #e5eaf0 : +74
94 : #eceff4 : +76
96 : #f2f4f7 : +78
98 : #f9fafb : +80
100 : #ffffff : +82
CSS入門、作ってます。
text-shadow