#21272f
RGB ( 赤 = 33, 緑 = 39, 青 = 47 )
HSL ( 色相 = 214°, 彩度 = 18%, 明度 = 16% )
H : 色相 ( 214° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #302221 : -210
14 : #302521 : -200
24 : #302721 : -190
34 : #302a21 : -180
44 : #302c21 : -170
54 : #302f21 : -160
64 : #2f3021 : -150
74 : #2d3021 : -140
84 : #2a3021 : -130
94 : #283021 : -120
104 : #253021 : -110
114 : #233021 : -100
124 : #213022 : -90
134 : #213025 : -80
144 : #213027 : -70
154 : #21302a : -60
164 : #21302c : -50
174 : #21302f : -40
184 : #212f30 : -30
194 : #212d30 : -20
204 : #212a30 : -10
214 : #212830 : ±0
224 : #212530 : +10
234 : #212330 : +20
244 : #222130 : +30
254 : #252130 : +40
264 : #272130 : +50
274 : #2a2130 : +60
284 : #2c2130 : +70
294 : #2f2130 : +80
304 : #30212f : +90
314 : #30212d : +100
324 : #30212a : +110
334 : #302128 : +120
344 : #302125 : +130
354 : #302123 : +140
204 : #212a30 : -10
205 : #212a30 : -9
206 : #212a30 : -8
207 : #212a30 : -7
208 : #212930 : -6
209 : #212930 : -5
210 : #212930 : -4
211 : #212930 : -3
212 : #212830 : -2
213 : #212830 : -1
214 : #212830 : ±0
215 : #212830 : +1
216 : #212730 : +2
217 : #212730 : +3
218 : #212730 : +4
219 : #212730 : +5
220 : #212630 : +6
221 : #212630 : +7
222 : #212630 : +8
223 : #212630 : +9
224 : #212530 : +10
S : 彩度 ( 18% )
(0%) 渋い ~ 鮮やか (100%)
0 : #282828 : -18
2 : #28292a : -16
4 : #27292a : -14
6 : #26282b : -12
8 : #26282c : -10
10 : #25282d : -8
12 : #24282e : -6
14 : #23282f : -4
16 : #22282f : -2
18 : #212830 : ±0
20 : #212831 : +2
22 : #202832 : +4
24 : #1f2733 : +6
26 : #1e2733 : +8
28 : #1d2734 : +10
30 : #1d2735 : +12
32 : #1c2736 : +14
34 : #1b2737 : +16
36 : #1a2737 : +18
38 : #192738 : +20
40 : #182739 : +22
42 : #18273a : +24
44 : #17263b : +26
46 : #16263c : +28
48 : #15263c : +30
50 : #14263d : +32
52 : #14263e : +34
54 : #13263f : +36
56 : #122640 : +38
58 : #112640 : +40
60 : #102641 : +42
62 : #102542 : +44
64 : #0f2543 : +46
66 : #0e2544 : +48
68 : #0d2545 : +50
70 : #0c2545 : +52
72 : #0b2546 : +54
74 : #0b2547 : +56
76 : #0a2548 : +58
78 : #092549 : +60
80 : #082449 : +62
82 : #07244a : +64
84 : #07244b : +66
86 : #06244c : +68
88 : #05244d : +70
90 : #04244e : +72
92 : #03244e : +74
94 : #02244f : +76
96 : #022450 : +78
98 : #012351 : +80
100 : #002352 : +82
L : 明度 ( 16% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -16
2 : #040506 : -14
4 : #080a0c : -12
6 : #0d0f12 : -10
8 : #111418 : -8
10 : #15191e : -6
12 : #191e24 : -4
14 : #1d232a : -2
16 : #212830 : ±0
18 : #262d36 : +2
20 : #2a323c : +4
22 : #2e3742 : +6
24 : #323c48 : +8
26 : #36414e : +10
28 : #3b4654 : +12
30 : #3f4b5a : +14
32 : #435060 : +16
34 : #475566 : +18
36 : #4b5a6c : +20
38 : #4f5f72 : +22
40 : #546478 : +24
42 : #58697e : +26
44 : #5c6e84 : +28
46 : #60728a : +30
48 : #647790 : +32
50 : #697c96 : +34
52 : #6f829b : +36
54 : #75879f : +38
56 : #7b8ca3 : +40
58 : #8191a7 : +42
60 : #8797ab : +44
62 : #8d9cb0 : +46
64 : #93a1b4 : +48
66 : #99a6b8 : +50
68 : #9fabbc : +52
70 : #a5b1c0 : +54
72 : #abb6c4 : +56
74 : #b1bbc9 : +58
76 : #b7c0cd : +60
78 : #bdc6d1 : +62
80 : #c3cbd5 : +64
82 : #c9d0d9 : +66
84 : #cfd5de : +68
86 : #d5dae2 : +70
88 : #dbe0e6 : +72
90 : #e1e5ea : +74
92 : #e7eaee : +76
94 : #edeff2 : +78
96 : #f3f5f7 : +80
98 : #f9fafb : +82
100 : #ffffff : +84
CSS入門、作ってます。
text-shadow