#212c24
RGB ( 赤 = 33, 緑 = 44, 青 = 36 )
HSL ( 色相 = 136°, 彩度 = 14%, 明度 = 15% )
H : 色相 ( 136° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #2c2221 : -130
16 : #2c2421 : -120
26 : #2c2621 : -110
36 : #2c2721 : -100
46 : #2c2921 : -90
56 : #2c2b21 : -80
66 : #2b2c21 : -70
76 : #292c21 : -60
86 : #272c21 : -50
96 : #252c21 : -40
106 : #232c21 : -30
116 : #222c21 : -20
126 : #212c22 : -10
136 : #212c24 : ±0
146 : #212c26 : +10
156 : #212c27 : +20
166 : #212c29 : +30
176 : #212c2b : +40
186 : #212b2c : +50
196 : #21292c : +60
206 : #21272c : +70
216 : #21252c : +80
226 : #21232c : +90
236 : #21222c : +100
246 : #22212c : +110
256 : #24212c : +120
266 : #26212c : +130
276 : #27212c : +140
286 : #29212c : +150
296 : #2b212c : +160
306 : #2c212b : +170
316 : #2c2129 : +180
326 : #2c2127 : +190
336 : #2c2125 : +200
346 : #2c2123 : +210
356 : #2c2122 : +220
126 : #212c22 : -10
127 : #212c22 : -9
128 : #212c22 : -8
129 : #212c23 : -7
130 : #212c23 : -6
131 : #212c23 : -5
132 : #212c23 : -4
133 : #212c23 : -3
134 : #212c23 : -2
135 : #212c24 : -1
136 : #212c24 : ±0
137 : #212c24 : +1
138 : #212c24 : +2
139 : #212c24 : +3
140 : #212c24 : +4
141 : #212c25 : +5
142 : #212c25 : +6
143 : #212c25 : +7
144 : #212c25 : +8
145 : #212c25 : +9
146 : #212c26 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #262626 : -14
2 : #252726 : -12
4 : #252826 : -10
6 : #242925 : -8
8 : #232925 : -6
10 : #222a24 : -4
12 : #222b24 : -2
14 : #212c24 : ±0
16 : #202c23 : +2
18 : #1f2d23 : +4
20 : #1f2e23 : +6
22 : #1e2f22 : +8
24 : #1d2f22 : +10
26 : #1c3022 : +12
28 : #1c3121 : +14
30 : #1b3221 : +16
32 : #1a3221 : +18
34 : #193320 : +20
36 : #183420 : +22
38 : #18351f : +24
40 : #17361f : +26
42 : #16361f : +28
44 : #15371e : +30
46 : #15381e : +32
48 : #14391e : +34
50 : #13391d : +36
52 : #123a1d : +38
54 : #123b1d : +40
56 : #113c1c : +42
58 : #103c1c : +44
60 : #0f3d1c : +46
62 : #0f3e1b : +48
64 : #0e3f1b : +50
66 : #0d3f1a : +52
68 : #0c401a : +54
70 : #0b411a : +56
72 : #0b4219 : +58
74 : #0a4319 : +60
76 : #094319 : +62
78 : #084418 : +64
80 : #084518 : +66
82 : #074618 : +68
84 : #064617 : +70
86 : #054717 : +72
88 : #054817 : +74
90 : #044916 : +76
92 : #034916 : +78
94 : #024a15 : +80
96 : #024b15 : +82
98 : #014c15 : +84
100 : #004d14 : +86
L : 明度 ( 15% )
(0%) 暗い ~ 明るい (100%)
1 : #020302 : -14
3 : #070907 : -12
5 : #0b0f0c : -10
7 : #0f1411 : -8
9 : #141a15 : -6
11 : #18201a : -4
13 : #1d261f : -2
15 : #212c24 : ±0
17 : #253129 : +2
19 : #2a372d : +4
21 : #2e3d32 : +6
23 : #324337 : +8
25 : #37493c : +10
27 : #3b4e40 : +12
29 : #405445 : +14
31 : #445a4a : +16
33 : #48604f : +18
35 : #4d6653 : +20
37 : #516c58 : +22
39 : #56715d : +24
41 : #5a7762 : +26
43 : #5e7d66 : +28
45 : #63836b : +30
47 : #678970 : +32
49 : #6b8e75 : +34
51 : #71947a : +36
53 : #76987f : +38
55 : #7c9c85 : +40
57 : #82a18a : +42
59 : #88a590 : +44
61 : #8ea995 : +46
63 : #93ae9a : +48
65 : #99b2a0 : +50
67 : #9fb7a5 : +52
69 : #a5bbab : +54
71 : #abbfb0 : +56
73 : #b1c4b6 : +58
75 : #b6c8bb : +60
77 : #bccdc1 : +62
79 : #c2d1c6 : +64
81 : #c8d5cb : +66
83 : #cedad1 : +68
85 : #d3ded6 : +70
87 : #d9e2dc : +72
89 : #dfe7e1 : +74
91 : #e5ebe7 : +76
93 : #ebf0ec : +78
95 : #f0f4f1 : +80
97 : #f6f8f7 : +82
99 : #fcfdfc : +84
CSS入門、作ってます。
text-shadow