#5c3d2d
RGB ( 赤 = 92, 緑 = 61, 青 = 45 )
HSL ( 色相 = 20°, 彩度 = 34%, 明度 = 27% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5c2d2d : -20
10 : #5c352d : -10
20 : #5c3d2d : ±0
30 : #5c452d : +10
40 : #5c4d2d : +20
50 : #5c542d : +30
60 : #5c5c2d : +40
70 : #545c2d : +50
80 : #4d5c2d : +60
90 : #455c2d : +70
100 : #3d5c2d : +80
110 : #355c2d : +90
120 : #2d5c2d : +100
130 : #2d5c35 : +110
140 : #2d5c3d : +120
150 : #2d5c45 : +130
160 : #2d5c4d : +140
170 : #2d5c54 : +150
180 : #2d5c5c : +160
190 : #2d545c : +170
200 : #2d4d5c : +180
210 : #2d455c : +190
220 : #2d3d5c : +200
230 : #2d355c : +210
240 : #2d2d5c : +220
250 : #352d5c : +230
260 : #3d2d5c : +240
270 : #452d5c : +250
280 : #4d2d5c : +260
290 : #542d5c : +270
300 : #5c2d5c : +280
310 : #5c2d54 : +290
320 : #5c2d4d : +300
330 : #5c2d45 : +310
340 : #5c2d3d : +320
350 : #5c2d35 : +330
10 : #5c352d : -10
11 : #5c362d : -9
12 : #5c372d : -8
13 : #5c382d : -7
14 : #5c382d : -6
15 : #5c392d : -5
16 : #5c3a2d : -4
17 : #5c3b2d : -3
18 : #5c3b2d : -2
19 : #5c3c2d : -1
20 : #5c3d2d : ±0
21 : #5c3e2d : +1
22 : #5c3f2d : +2
23 : #5c3f2d : +3
24 : #5c402d : +4
25 : #5c412d : +5
26 : #5c422d : +6
27 : #5c432d : +7
28 : #5c432d : +8
29 : #5c442d : +9
30 : #5c452d : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #444444 : -34
2 : #464443 : -32
4 : #484442 : -30
6 : #494341 : -28
8 : #4a433f : -26
10 : #4c433e : -24
12 : #4d423d : -22
14 : #4e423b : -20
16 : #50413a : -18
18 : #514138 : -16
20 : #534037 : -14
22 : #544036 : -12
24 : #553f34 : -10
26 : #573f33 : -8
28 : #583e32 : -6
30 : #5a3e30 : -4
32 : #5b3e2f : -2
34 : #5c3d2d : ±0
36 : #5e3d2c : +2
38 : #5f3c2b : +4
40 : #603c29 : +6
42 : #623b28 : +8
44 : #633b27 : +10
46 : #653a25 : +12
48 : #663a24 : +14
50 : #673922 : +16
52 : #693921 : +18
54 : #6a3820 : +20
56 : #6b381e : +22
58 : #6d381d : +24
60 : #6e371c : +26
62 : #70371a : +28
64 : #713619 : +30
66 : #723617 : +32
68 : #743516 : +34
70 : #753515 : +36
72 : #763413 : +38
74 : #783412 : +40
76 : #793311 : +42
78 : #7b330f : +44
80 : #7c320e : +46
82 : #7d320c : +48
84 : #7f320b : +50
86 : #80310a : +52
88 : #813108 : +54
90 : #833007 : +56
92 : #843006 : +58
94 : #862f04 : +60
96 : #872f03 : +62
98 : #882e01 : +64
100 : #8a2e00 : +66
L : 明度 ( 27% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -26
3 : #0a0705 : -24
5 : #110b08 : -22
7 : #18100c : -20
9 : #1f140f : -18
11 : #261913 : -16
13 : #2c1d16 : -14
15 : #332219 : -12
17 : #3a261d : -10
19 : #412b20 : -8
21 : #482f23 : -6
23 : #4f3427 : -4
25 : #55392a : -2
27 : #5c3d2d : ±0
29 : #634231 : +2
31 : #6a4634 : +4
33 : #714b38 : +6
35 : #784f3b : +8
37 : #7e543e : +10
39 : #855842 : +12
41 : #8c5d45 : +14
43 : #936148 : +16
45 : #9a664c : +18
47 : #a16a4f : +20
49 : #a76f52 : +22
51 : #ad7458 : +24
53 : #b07a5e : +26
55 : #b37f65 : +28
57 : #b7856c : +30
59 : #ba8b73 : +32
61 : #bd907a : +34
63 : #c19681 : +36
65 : #c49c87 : +38
67 : #c7a18e : +40
69 : #cba795 : +42
71 : #cead9c : +44
73 : #d2b2a3 : +46
75 : #d5b8aa : +48
77 : #d8beb0 : +50
79 : #dcc3b7 : +52
81 : #dfc9be : +54
83 : #e2cfc5 : +56
85 : #e6d4cc : +58
87 : #e9dad3 : +60
89 : #ece0d9 : +62
91 : #f0e5e0 : +64
93 : #f3ebe7 : +66
95 : #f7f1ee : +68
97 : #faf6f5 : +70
99 : #fdfcfc : +72
CSS入門、作ってます。
text-shadow