#21170e
RGB ( 赤 = 33, 緑 = 23, 青 = 14 )
HSL ( 色相 = 28°, 彩度 = 40%, 明度 = 9% )
H : 色相 ( 28° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #20100e : -20
18 : #20130e : -10
28 : #20160e : ±0
38 : #20190e : +10
48 : #201c0e : +20
58 : #20200e : +30
68 : #1e200e : +40
78 : #1b200e : +50
88 : #18200e : +60
98 : #15200e : +70
108 : #11200e : +80
118 : #0e200e : +90
128 : #0e2010 : +100
138 : #0e2013 : +110
148 : #0e2016 : +120
158 : #0e2019 : +130
168 : #0e201c : +140
178 : #0e2020 : +150
188 : #0e1e20 : +160
198 : #0e1b20 : +170
208 : #0e1820 : +180
218 : #0e1520 : +190
228 : #0e1120 : +200
238 : #0e0e20 : +210
248 : #100e20 : +220
258 : #130e20 : +230
268 : #160e20 : +240
278 : #190e20 : +250
288 : #1c0e20 : +260
298 : #200e20 : +270
308 : #200e1e : +280
318 : #200e1b : +290
328 : #200e18 : +300
338 : #200e15 : +310
348 : #200e11 : +320
358 : #200e0e : +330
18 : #20130e : -10
19 : #20140e : -9
20 : #20140e : -8
21 : #20140e : -7
22 : #20150e : -6
23 : #20150e : -5
24 : #20150e : -4
25 : #20150e : -3
26 : #20160e : -2
27 : #20160e : -1
28 : #20160e : ±0
29 : #20170e : +1
30 : #20170e : +2
31 : #20170e : +3
32 : #20180e : +4
33 : #20180e : +5
34 : #20180e : +6
35 : #20180e : +7
36 : #20190e : +8
37 : #20190e : +9
38 : #20190e : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #161616 : -40
2 : #171716 : -38
4 : #181716 : -36
6 : #181716 : -34
8 : #191715 : -32
10 : #191715 : -30
12 : #1a1714 : -28
14 : #1a1714 : -26
16 : #1b1713 : -24
18 : #1b1713 : -22
20 : #1c1712 : -20
22 : #1c1712 : -18
24 : #1c1711 : -16
26 : #1d1711 : -14
28 : #1d1711 : -12
30 : #1e1610 : -10
32 : #1e1610 : -8
34 : #1f160f : -6
36 : #1f160f : -4
38 : #20160e : -2
40 : #20160e : ±0
42 : #21160d : +2
44 : #21160d : +4
46 : #22160c : +6
48 : #22160c : +8
50 : #22160b : +10
52 : #23160b : +12
54 : #23160b : +14
56 : #24160a : +16
58 : #24160a : +18
60 : #251609 : +20
62 : #251609 : +22
64 : #261608 : +24
66 : #261608 : +26
68 : #271607 : +28
70 : #271607 : +30
72 : #271606 : +32
74 : #281606 : +34
76 : #281606 : +36
78 : #291605 : +38
80 : #291605 : +40
82 : #2a1604 : +42
84 : #2a1604 : +44
86 : #2b1603 : +46
88 : #2b1603 : +48
90 : #2c1602 : +50
92 : #2c1602 : +52
94 : #2d1601 : +54
96 : #2d1501 : +56
98 : #2d1500 : +58
100 : #2e1500 : +60
L : 明度 ( 9% )
(0%) 暗い ~ 明るい (100%)
1 : #040202 : -8
3 : #0b0705 : -6
5 : #120c08 : -4
7 : #19110b : -2
9 : #20160e : ±0
11 : #271b11 : +2
13 : #2e2014 : +4
15 : #362517 : +6
17 : #3d2a1a : +8
19 : #442f1d : +10
21 : #4b3420 : +12
23 : #523923 : +14
25 : #593e26 : +16
27 : #604329 : +18
29 : #68482c : +20
31 : #6f4d2f : +22
33 : #765232 : +24
35 : #7d5736 : +26
37 : #845c39 : +28
39 : #8b613c : +30
41 : #92663f : +32
43 : #9a6b42 : +34
45 : #a17045 : +36
47 : #a87548 : +38
49 : #af7a4b : +40
51 : #b47f50 : +42
53 : #b78457 : +44
55 : #ba895e : +46
57 : #bd8e65 : +48
59 : #c0946d : +50
61 : #c39974 : +52
63 : #c69e7b : +54
65 : #c9a382 : +56
67 : #cda989 : +58
69 : #d0ae90 : +60
71 : #d3b397 : +62
73 : #d6b89f : +64
75 : #d9bea6 : +66
77 : #dcc3ad : +68
79 : #dfc8b4 : +70
81 : #e2cdbb : +72
83 : #e5d2c2 : +74
85 : #e8d8c9 : +76
87 : #ebddd1 : +78
89 : #eee2d8 : +80
91 : #f1e7df : +82
93 : #f4ede6 : +84
95 : #f7f2ed : +86
97 : #faf7f4 : +88
99 : #fdfcfb : +90
CSS入門、作ってます。
text-shadow