#2c3a36
RGB ( 赤 = 44, 緑 = 58, 青 = 54 )
HSL ( 色相 = 163°, 彩度 = 14%, 明度 = 20% )
H : 色相 ( 163° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #3a2d2c : -160
13 : #3a2f2c : -150
23 : #3a312c : -140
33 : #3a342c : -130
43 : #3a362c : -120
53 : #3a382c : -110
63 : #393a2c : -100
73 : #373a2c : -90
83 : #353a2c : -80
93 : #323a2c : -70
103 : #303a2c : -60
113 : #2e3a2c : -50
123 : #2c3a2d : -40
133 : #2c3a2f : -30
143 : #2c3a31 : -20
153 : #2c3a34 : -10
163 : #2c3a36 : ±0
173 : #2c3a38 : +10
183 : #2c393a : +20
193 : #2c373a : +30
203 : #2c353a : +40
213 : #2c323a : +50
223 : #2c303a : +60
233 : #2c2e3a : +70
243 : #2d2c3a : +80
253 : #2f2c3a : +90
263 : #312c3a : +100
273 : #342c3a : +110
283 : #362c3a : +120
293 : #382c3a : +130
303 : #3a2c39 : +140
313 : #3a2c37 : +150
323 : #3a2c35 : +160
333 : #3a2c32 : +170
343 : #3a2c30 : +180
353 : #3a2c2e : +190
153 : #2c3a34 : -10
154 : #2c3a34 : -9
155 : #2c3a34 : -8
156 : #2c3a34 : -7
157 : #2c3a35 : -6
158 : #2c3a35 : -5
159 : #2c3a35 : -4
160 : #2c3a35 : -3
161 : #2c3a36 : -2
162 : #2c3a36 : -1
163 : #2c3a36 : ±0
164 : #2c3a36 : +1
165 : #2c3a37 : +2
166 : #2c3a37 : +3
167 : #2c3a37 : +4
168 : #2c3a37 : +5
169 : #2c3a38 : +6
170 : #2c3a38 : +7
171 : #2c3a38 : +8
172 : #2c3a38 : +9
173 : #2c3a38 : +10
S : 彩度 ( 14% )
(0%) 渋い ~ 鮮やか (100%)
0 : #333333 : -14
2 : #323433 : -12
4 : #313534 : -10
6 : #303634 : -8
8 : #2f3735 : -6
10 : #2e3835 : -4
12 : #2d3936 : -2
14 : #2c3a36 : ±0
16 : #2b3b37 : +2
18 : #2a3c37 : +4
20 : #293d37 : +6
22 : #283e38 : +8
24 : #273f38 : +10
26 : #264039 : +12
28 : #254139 : +14
30 : #24423a : +16
32 : #23433a : +18
34 : #22443b : +20
36 : #21453b : +22
38 : #20463b : +24
40 : #1f473c : +26
42 : #1e483c : +28
44 : #1d493d : +30
46 : #1c4a3d : +32
48 : #1b4b3e : +34
50 : #1a4d3e : +36
52 : #184e3e : +38
54 : #174f3f : +40
56 : #16503f : +42
58 : #155140 : +44
60 : #145240 : +46
62 : #135341 : +48
64 : #125441 : +50
66 : #115542 : +52
68 : #105642 : +54
70 : #0f5742 : +56
72 : #0e5843 : +58
74 : #0d5943 : +60
76 : #0c5a44 : +62
78 : #0b5b44 : +64
80 : #0a5c45 : +66
82 : #095d45 : +68
84 : #085e46 : +70
86 : #075f46 : +72
88 : #066046 : +74
90 : #056147 : +76
92 : #046247 : +78
94 : #036348 : +80
96 : #026448 : +82
98 : #016549 : +84
100 : #006649 : +86
L : 明度 ( 20% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -20
2 : #040605 : -18
4 : #090c0b : -16
6 : #0d1110 : -14
8 : #121716 : -12
10 : #161d1b : -10
12 : #1a2320 : -8
14 : #1f2926 : -6
16 : #232f2b : -4
18 : #273431 : -2
20 : #2c3a36 : ±0
22 : #30403c : +2
24 : #354641 : +4
26 : #394c46 : +6
28 : #3d514c : +8
30 : #425751 : +10
32 : #465d57 : +12
34 : #4b635c : +14
36 : #4f6961 : +16
38 : #536e67 : +18
40 : #58746c : +20
42 : #5c7a72 : +22
44 : #608077 : +24
46 : #65867c : +26
48 : #698c82 : +28
50 : #6e9187 : +30
52 : #73968c : +32
54 : #799a91 : +34
56 : #7f9f96 : +36
58 : #85a39a : +38
60 : #8ba79f : +40
62 : #91aca4 : +42
64 : #96b0a9 : +44
66 : #9cb4ae : +46
68 : #a2b9b2 : +48
70 : #a8bdb7 : +50
72 : #aec2bc : +52
74 : #b3c6c1 : +54
76 : #b9cac6 : +56
78 : #bfcfca : +58
80 : #c5d3cf : +60
82 : #cbd8d4 : +62
84 : #d0dcd9 : +64
86 : #d6e0dd : +66
88 : #dce5e2 : +68
90 : #e2e9e7 : +70
92 : #e8edec : +72
94 : #eef2f1 : +74
96 : #f3f6f5 : +76
98 : #f9fbfa : +78
100 : #ffffff : +80
CSS入門、作ってます。
text-shadow