#5d4428
RGB ( 赤 = 93, 緑 = 68, 青 = 40 )
HSL ( 色相 = 32°, 彩度 = 40%, 明度 = 26% )
H : 色相 ( 32° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #5d2a28 : -30
12 : #5d3228 : -20
22 : #5d3b28 : -10
32 : #5d4428 : ±0
42 : #5d4d28 : +10
52 : #5d5628 : +20
62 : #5b5d28 : +30
72 : #525d28 : +40
82 : #495d28 : +50
92 : #415d28 : +60
102 : #385d28 : +70
112 : #2f5d28 : +80
122 : #285d2a : +90
132 : #285d32 : +100
142 : #285d3b : +110
152 : #285d44 : +120
162 : #285d4d : +130
172 : #285d56 : +140
182 : #285b5d : +150
192 : #28525d : +160
202 : #28495d : +170
212 : #28415d : +180
222 : #28385d : +190
232 : #282f5d : +200
242 : #2a285d : +210
252 : #32285d : +220
262 : #3b285d : +230
272 : #44285d : +240
282 : #4d285d : +250
292 : #56285d : +260
302 : #5d285b : +270
312 : #5d2852 : +280
322 : #5d2849 : +290
332 : #5d2841 : +300
342 : #5d2838 : +310
352 : #5d282f : +320
22 : #5d3b28 : -10
23 : #5d3c28 : -9
24 : #5d3d28 : -8
25 : #5d3e28 : -7
26 : #5d3f28 : -6
27 : #5d4028 : -5
28 : #5d4128 : -4
29 : #5d4128 : -3
30 : #5d4228 : -2
31 : #5d4328 : -1
32 : #5d4428 : ±0
33 : #5d4528 : +1
34 : #5d4628 : +2
35 : #5d4728 : +3
36 : #5d4828 : +4
37 : #5d4828 : +5
38 : #5d4928 : +6
39 : #5d4a28 : +7
40 : #5d4b28 : +8
41 : #5d4c28 : +9
42 : #5d4d28 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #424242 : -40
2 : #444241 : -38
4 : #454240 : -36
6 : #46433e : -34
8 : #48433d : -32
10 : #49433c : -30
12 : #4a433a : -28
14 : #4c4339 : -26
16 : #4d4338 : -24
18 : #4e4336 : -22
20 : #504335 : -20
22 : #514334 : -18
24 : #524332 : -16
26 : #544331 : -14
28 : #554430 : -12
30 : #56442e : -10
32 : #58442d : -8
34 : #59442c : -6
36 : #5a442a : -4
38 : #5b4429 : -2
40 : #5d4428 : ±0
42 : #5e4426 : +2
44 : #5f4425 : +4
46 : #614424 : +6
48 : #624422 : +8
50 : #634521 : +10
52 : #654520 : +12
54 : #66451e : +14
56 : #67451d : +16
58 : #69451c : +18
60 : #6a451b : +20
62 : #6b4519 : +22
64 : #6d4518 : +24
66 : #6e4517 : +26
68 : #6f4515 : +28
70 : #714514 : +30
72 : #724513 : +32
74 : #734611 : +34
76 : #754610 : +36
78 : #76460f : +38
80 : #77460d : +40
82 : #79460c : +42
84 : #7a460b : +44
86 : #7b4609 : +46
88 : #7d4608 : +48
90 : #7e4607 : +50
92 : #7f4605 : +52
94 : #814604 : +54
96 : #824703 : +56
98 : #834701 : +58
100 : #854700 : +60
L : 明度 ( 26% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -26
2 : #070503 : -24
4 : #0e0a06 : -22
6 : #151009 : -20
8 : #1d150c : -18
10 : #241a0f : -16
12 : #2b1f12 : -14
14 : #322515 : -12
16 : #392a18 : -10
18 : #402f1c : -8
20 : #47341f : -6
22 : #4f3a22 : -4
24 : #563f25 : -2
26 : #5d4428 : ±0
28 : #64492b : +2
30 : #6b4f2e : +4
32 : #725431 : +6
34 : #795934 : +8
36 : #815e37 : +10
38 : #88633a : +12
40 : #8f693d : +14
42 : #966e40 : +16
44 : #9d7343 : +18
46 : #a47846 : +20
48 : #ab7e49 : +22
50 : #b3834d : +24
52 : #b68854 : +26
54 : #b98d5b : +28
56 : #bc9262 : +30
58 : #bf9769 : +32
60 : #c29c70 : +34
62 : #c5a177 : +36
64 : #c8a67e : +38
66 : #cbab86 : +40
68 : #ceb08d : +42
70 : #d1b594 : +44
72 : #d4ba9b : +46
74 : #d7bea2 : +48
76 : #dac3a9 : +50
78 : #ddc8b0 : +52
80 : #e0cdb8 : +54
82 : #e3d2bf : +56
84 : #e7d7c6 : +58
86 : #eadccd : +60
88 : #ede1d4 : +62
90 : #f0e6db : +64
92 : #f3ebe2 : +66
94 : #f6f0ea : +68
96 : #f9f5f1 : +70
98 : #fcfaf8 : +72
100 : #ffffff : +74
CSS入門、作ってます。
text-shadow