#22213f
RGB ( 赤 = 34, 緑 = 33, 青 = 63 )
HSL ( 色相 = 242°, 彩度 = 31%, 明度 = 19% )
H : 色相 ( 242° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #3f2221 : -240
12 : #3f2721 : -230
22 : #3f2c21 : -220
32 : #3f3121 : -210
42 : #3f3621 : -200
52 : #3f3b21 : -190
62 : #3e3f21 : -180
72 : #393f21 : -170
82 : #343f21 : -160
92 : #2f3f21 : -150
102 : #2a3f21 : -140
112 : #253f21 : -130
122 : #213f22 : -120
132 : #213f27 : -110
142 : #213f2c : -100
152 : #213f31 : -90
162 : #213f36 : -80
172 : #213f3b : -70
182 : #213e3f : -60
192 : #21393f : -50
202 : #21343f : -40
212 : #212f3f : -30
222 : #212a3f : -20
232 : #21253f : -10
242 : #22213f : ±0
252 : #27213f : +10
262 : #2c213f : +20
272 : #31213f : +30
282 : #36213f : +40
292 : #3b213f : +50
302 : #3f213e : +60
312 : #3f2139 : +70
322 : #3f2134 : +80
332 : #3f212f : +90
342 : #3f212a : +100
352 : #3f2125 : +110
232 : #21253f : -10
233 : #21253f : -9
234 : #21243f : -8
235 : #21243f : -7
236 : #21233f : -6
237 : #21233f : -5
238 : #21223f : -4
239 : #21223f : -3
240 : #21213f : -2
241 : #22213f : -1
242 : #22213f : ±0
243 : #23213f : +1
244 : #23213f : +2
245 : #24213f : +3
246 : #24213f : +4
247 : #25213f : +5
248 : #25213f : +6
249 : #26213f : +7
250 : #26213f : +8
251 : #27213f : +9
252 : #27213f : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #303031 : -30
3 : #2f2f32 : -28
5 : #2e2e33 : -26
7 : #2d2d34 : -24
9 : #2c2c35 : -22
11 : #2b2b36 : -20
13 : #2b2a37 : -18
15 : #2a2938 : -16
17 : #292839 : -14
19 : #28273a : -12
21 : #27263b : -10
23 : #26253c : -8
25 : #25243d : -6
27 : #24233e : -4
29 : #23223f : -2
31 : #22213f : ±0
33 : #222040 : +2
35 : #211f41 : +4
37 : #201f42 : +6
39 : #1f1e43 : +8
41 : #1e1d44 : +10
43 : #1d1c45 : +12
45 : #1c1b46 : +14
47 : #1b1a47 : +16
49 : #1a1948 : +18
51 : #191849 : +20
53 : #18174a : +22
55 : #18164b : +24
57 : #17154c : +26
59 : #16144d : +28
61 : #15134e : +30
63 : #14124f : +32
65 : #131150 : +34
67 : #121051 : +36
69 : #110f52 : +38
71 : #100e53 : +40
73 : #0f0d54 : +42
75 : #0f0c55 : +44
77 : #0e0b56 : +46
79 : #0d0a57 : +48
81 : #0c0958 : +50
83 : #0b0859 : +52
85 : #0a075a : +54
87 : #09065b : +56
89 : #08055c : +58
91 : #07045d : +60
93 : #06035e : +62
95 : #05025e : +64
97 : #05015f : +66
99 : #040060 : +68
L : 明度 ( 19% )
(0%) 暗い ~ 明るい (100%)
1 : #020203 : -18
3 : #05050a : -16
5 : #090911 : -14
7 : #0d0c17 : -12
9 : #10101e : -10
11 : #141325 : -8
13 : #18172b : -6
15 : #1b1a32 : -4
17 : #1f1e39 : -2
19 : #22213f : ±0
21 : #262546 : +2
23 : #2a284d : +4
25 : #2d2c54 : +6
27 : #31305a : +8
29 : #353361 : +10
31 : #383768 : +12
33 : #3c3a6e : +14
35 : #3f3e75 : +16
37 : #43417c : +18
39 : #474582 : +20
41 : #4a4889 : +22
43 : #4e4c90 : +24
45 : #524f96 : +26
47 : #55539d : +28
49 : #5956a4 : +30
51 : #5e5ba9 : +32
53 : #6462ac : +34
55 : #6b69b0 : +36
57 : #726fb3 : +38
59 : #7876b7 : +40
61 : #7f7dba : +42
63 : #8583be : +44
65 : #8c8ac1 : +46
67 : #9391c5 : +48
69 : #9997c8 : +50
71 : #a09ecc : +52
73 : #a6a5cf : +54
75 : #adabd3 : +56
77 : #b3b2d7 : +58
79 : #bab9da : +60
81 : #c1c0de : +62
83 : #c7c6e1 : +64
85 : #cecde5 : +66
87 : #d4d4e8 : +68
89 : #dbdaec : +70
91 : #e1e1ef : +72
93 : #e8e8f3 : +74
95 : #efeef6 : +76
97 : #f5f5fa : +78
99 : #fcfcfd : +80
CSS入門、作ってます。
text-shadow