#5c4624
RGB ( 赤 = 92, 緑 = 70, 青 = 36 )
HSL ( 色相 = 36°, 彩度 = 44%, 明度 = 25% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #5c2924 : -30
16 : #5c3324 : -20
26 : #5c3c24 : -10
36 : #5c4524 : ±0
46 : #5c4f24 : +10
56 : #5c5824 : +20
66 : #565c24 : +30
76 : #4d5c24 : +40
86 : #435c24 : +50
96 : #3a5c24 : +60
106 : #315c24 : +70
116 : #275c24 : +80
126 : #245c29 : +90
136 : #245c33 : +100
146 : #245c3c : +110
156 : #245c45 : +120
166 : #245c4f : +130
176 : #245c58 : +140
186 : #24565c : +150
196 : #244d5c : +160
206 : #24435c : +170
216 : #243a5c : +180
226 : #24315c : +190
236 : #24275c : +200
246 : #29245c : +210
256 : #33245c : +220
266 : #3c245c : +230
276 : #45245c : +240
286 : #4f245c : +250
296 : #58245c : +260
306 : #5c2456 : +270
316 : #5c244d : +280
326 : #5c2443 : +290
336 : #5c243a : +300
346 : #5c2431 : +310
356 : #5c2427 : +320
26 : #5c3c24 : -10
27 : #5c3d24 : -9
28 : #5c3e24 : -8
29 : #5c3f24 : -7
30 : #5c4024 : -6
31 : #5c4124 : -5
32 : #5c4224 : -4
33 : #5c4324 : -3
34 : #5c4324 : -2
35 : #5c4424 : -1
36 : #5c4524 : ±0
37 : #5c4624 : +1
38 : #5c4724 : +2
39 : #5c4824 : +3
40 : #5c4924 : +4
41 : #5c4a24 : +5
42 : #5c4b24 : +6
43 : #5c4c24 : +7
44 : #5c4d24 : +8
45 : #5c4e24 : +9
46 : #5c4f24 : +10
S : 彩度 ( 44% )
(0%) 渋い ~ 鮮やか (100%)
0 : #3f3f3f : -44
2 : #41403e : -42
4 : #42403d : -40
6 : #44413c : -38
8 : #45413b : -36
10 : #464139 : -34
12 : #474138 : -32
14 : #494237 : -30
16 : #4a4236 : -28
18 : #4b4234 : -26
20 : #4d4233 : -24
22 : #4e4332 : -22
24 : #4f4330 : -20
26 : #50432f : -18
28 : #52432e : -16
30 : #53442d : -14
32 : #54442b : -12
34 : #55442a : -10
36 : #574429 : -8
38 : #584528 : -6
40 : #594526 : -4
42 : #5b4525 : -2
44 : #5c4524 : ±0
46 : #5d4622 : +2
48 : #5e4621 : +4
50 : #604620 : +6
52 : #61461f : +8
54 : #62471d : +10
56 : #63471c : +12
58 : #65471b : +14
60 : #66471a : +16
62 : #674818 : +18
64 : #694817 : +20
66 : #6a4816 : +22
68 : #6b4814 : +24
70 : #6c4913 : +26
72 : #6e4912 : +28
74 : #6f4911 : +30
76 : #70490f : +32
78 : #714a0e : +34
80 : #734a0d : +36
82 : #744a0b : +38
84 : #754a0a : +40
86 : #774b09 : +42
88 : #784b08 : +44
90 : #794b06 : +46
92 : #7a4b05 : +48
94 : #7c4c04 : +50
96 : #7d4c03 : +52
98 : #7e4c01 : +54
100 : #804d00 : +56
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -24
3 : #0b0804 : -22
5 : #120e07 : -20
7 : #1a130a : -18
9 : #21190d : -16
11 : #281f10 : -14
13 : #302413 : -12
15 : #372a15 : -10
17 : #3e2f18 : -8
19 : #46351b : -6
21 : #4d3a1e : -4
23 : #544021 : -2
25 : #5c4524 : ±0
27 : #634b27 : +2
29 : #6a5029 : +4
31 : #72562c : +6
33 : #795c2f : +8
35 : #816132 : +10
37 : #886735 : +12
39 : #8f6c38 : +14
41 : #97723b : +16
43 : #9e773d : +18
45 : #a57d40 : +20
47 : #ad8243 : +22
49 : #b48846 : +24
51 : #b98d4b : +26
53 : #bc9252 : +28
55 : #bf965a : +30
57 : #c29b61 : +32
59 : #c4a068 : +34
61 : #c7a470 : +36
63 : #caa977 : +38
65 : #cdae7e : +40
67 : #d0b286 : +42
69 : #d3b78d : +44
71 : #d6bc95 : +46
73 : #d8c09c : +48
75 : #dbc5a3 : +50
77 : #decaab : +52
79 : #e1ceb2 : +54
81 : #e4d3b9 : +56
83 : #e7d7c1 : +58
85 : #eadcc8 : +60
87 : #ece1cf : +62
89 : #efe5d7 : +64
91 : #f2eade : +66
93 : #f5efe5 : +68
95 : #f8f3ed : +70
97 : #fbf8f4 : +72
99 : #fefdfb : +74
CSS入門、作ってます。
text-shadow