#5c4314
RGB ( 赤 = 92, 緑 = 67, 青 = 20 )
HSL ( 色相 = 39°, 彩度 = 64%, 明度 = 22% )
H : 色相 ( 39° )
(0°) 赤~黄~緑~青~紫 (359°)
9 : #5c1f14 : -30
19 : #5c2b14 : -20
29 : #5c3714 : -10
39 : #5c4314 : ±0
49 : #5c4f14 : +10
59 : #5c5b14 : +20
69 : #515c14 : +30
79 : #455c14 : +40
89 : #395c14 : +50
99 : #2d5c14 : +60
109 : #215c14 : +70
119 : #155c14 : +80
129 : #145c1f : +90
139 : #145c2b : +100
149 : #145c37 : +110
159 : #145c43 : +120
169 : #145c4f : +130
179 : #145c5b : +140
189 : #14515c : +150
199 : #14455c : +160
209 : #14395c : +170
219 : #142d5c : +180
229 : #14215c : +190
239 : #14155c : +200
249 : #1f145c : +210
259 : #2b145c : +220
269 : #37145c : +230
279 : #43145c : +240
289 : #4f145c : +250
299 : #5b145c : +260
309 : #5c1451 : +270
319 : #5c1445 : +280
329 : #5c1439 : +290
339 : #5c142d : +300
349 : #5c1421 : +310
359 : #5c1415 : +320
29 : #5c3714 : -10
30 : #5c3814 : -9
31 : #5c3914 : -8
32 : #5c3a14 : -7
33 : #5c3c14 : -6
34 : #5c3d14 : -5
35 : #5c3e14 : -4
36 : #5c3f14 : -3
37 : #5c4014 : -2
38 : #5c4214 : -1
39 : #5c4314 : ±0
40 : #5c4414 : +1
41 : #5c4514 : +2
42 : #5c4614 : +3
43 : #5c4814 : +4
44 : #5c4914 : +5
45 : #5c4a14 : +6
46 : #5c4b14 : +7
47 : #5c4c14 : +8
48 : #5c4e14 : +9
49 : #5c4f14 : +10
S : 彩度 ( 64% )
(0%) 渋い ~ 鮮やか (100%)
0 : #383838 : -64
2 : #393837 : -62
4 : #3a3936 : -60
6 : #3b3935 : -58
8 : #3d3934 : -56
10 : #3e3a32 : -54
12 : #3f3a31 : -52
14 : #403a30 : -50
16 : #413b2f : -48
18 : #423b2e : -46
20 : #433b2d : -44
22 : #443c2c : -42
24 : #463c2b : -40
26 : #473c2a : -38
28 : #483d28 : -36
30 : #493d27 : -34
32 : #4a3d26 : -32
34 : #4b3e25 : -30
36 : #4c3e24 : -28
38 : #4d3e23 : -26
40 : #4f3f22 : -24
42 : #503f21 : -22
44 : #51401f : -20
46 : #52401e : -18
48 : #53401d : -16
50 : #54411c : -14
52 : #55411b : -12
54 : #56411a : -10
56 : #584219 : -8
58 : #594218 : -6
60 : #5a4216 : -4
62 : #5b4315 : -2
64 : #5c4314 : ±0
66 : #5d4313 : +2
68 : #5e4412 : +4
70 : #5f4411 : +6
72 : #604410 : +8
74 : #62450f : +10
76 : #63450d : +12
78 : #64450c : +14
80 : #65460b : +16
82 : #66460a : +18
84 : #674609 : +20
86 : #684708 : +22
88 : #694707 : +24
90 : #6b4706 : +26
92 : #6c4804 : +28
94 : #6d4803 : +30
96 : #6e4802 : +32
98 : #6f4901 : +34
100 : #704900 : +36
L : 明度 ( 22% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -22
2 : #080602 : -20
4 : #110c04 : -18
6 : #191206 : -16
8 : #211807 : -14
10 : #2a1e09 : -12
12 : #32240b : -10
14 : #3b2b0d : -8
16 : #43310f : -6
18 : #4b3711 : -4
20 : #543d12 : -2
22 : #5c4314 : ±0
24 : #644916 : +2
26 : #6d4f18 : +4
28 : #75551a : +6
30 : #7d5b1c : +8
32 : #86611d : +10
34 : #8e671f : +12
36 : #976d21 : +14
38 : #9f7423 : +16
40 : #a77a25 : +18
42 : #b08027 : +20
44 : #b88628 : +22
46 : #c08c2a : +24
48 : #c9922c : +26
50 : #d1982e : +28
52 : #d39c36 : +30
54 : #d5a03f : +32
56 : #d7a447 : +34
58 : #d8a84f : +36
60 : #daad58 : +38
62 : #dcb160 : +40
64 : #deb568 : +42
66 : #e0b971 : +44
68 : #e2bd79 : +46
70 : #e3c182 : +48
72 : #e5c58a : +50
74 : #e7c992 : +52
76 : #e9ce9b : +54
78 : #ebd2a3 : +56
80 : #edd6ab : +58
82 : #eedab4 : +60
84 : #f0debc : +62
86 : #f2e2c4 : +64
88 : #f4e6cd : +66
90 : #f6ead5 : +68
92 : #f8efde : +70
94 : #f9f3e6 : +72
96 : #fbf7ee : +74
98 : #fdfbf7 : +76
100 : #ffffff : +78
CSS入門、作ってます。
text-shadow