#5d4232
RGB ( 赤 = 93, 緑 = 66, 青 = 50 )
HSL ( 色相 = 22°, 彩度 = 30%, 明度 = 28% )
H : 色相 ( 22° )
(0°) 赤~黄~緑~青~紫 (359°)
2 : #5d3332 : -20
12 : #5d3b32 : -10
22 : #5d4232 : ±0
32 : #5d4932 : +10
42 : #5d5032 : +20
52 : #5d5732 : +30
62 : #5b5d32 : +40
72 : #545d32 : +50
82 : #4d5d32 : +60
92 : #465d32 : +70
102 : #3f5d32 : +80
112 : #385d32 : +90
122 : #325d33 : +100
132 : #325d3b : +110
142 : #325d42 : +120
152 : #325d49 : +130
162 : #325d50 : +140
172 : #325d57 : +150
182 : #325b5d : +160
192 : #32545d : +170
202 : #324d5d : +180
212 : #32465d : +190
222 : #323f5d : +200
232 : #32385d : +210
242 : #33325d : +220
252 : #3b325d : +230
262 : #42325d : +240
272 : #49325d : +250
282 : #50325d : +260
292 : #57325d : +270
302 : #5d325b : +280
312 : #5d3254 : +290
322 : #5d324d : +300
332 : #5d3246 : +310
342 : #5d323f : +320
352 : #5d3238 : +330
12 : #5d3b32 : -10
13 : #5d3b32 : -9
14 : #5d3c32 : -8
15 : #5d3d32 : -7
16 : #5d3d32 : -6
17 : #5d3e32 : -5
18 : #5d3f32 : -4
19 : #5d4032 : -3
20 : #5d4032 : -2
21 : #5d4132 : -1
22 : #5d4232 : ±0
23 : #5d4232 : +1
24 : #5d4332 : +2
25 : #5d4432 : +3
26 : #5d4532 : +4
27 : #5d4532 : +5
28 : #5d4632 : +6
29 : #5d4732 : +7
30 : #5d4732 : +8
31 : #5d4832 : +9
32 : #5d4932 : +10
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -30
2 : #494746 : -28
4 : #4a4745 : -26
6 : #4c4643 : -24
8 : #4d4642 : -22
10 : #4f4540 : -20
12 : #50453f : -18
14 : #51453d : -16
16 : #53443c : -14
18 : #54443b : -12
20 : #564439 : -10
22 : #574338 : -8
24 : #594336 : -6
26 : #5a4235 : -4
28 : #5b4233 : -2
30 : #5d4232 : ±0
32 : #5e4131 : +2
34 : #60412f : +4
36 : #61412e : +6
38 : #63402c : +8
40 : #64402b : +10
42 : #653f29 : +12
44 : #673f28 : +14
46 : #683f27 : +16
48 : #6a3e25 : +18
50 : #6b3e24 : +20
52 : #6d3d22 : +22
54 : #6e3d21 : +24
56 : #6f3d1f : +26
58 : #713c1e : +28
60 : #723c1d : +30
62 : #743c1b : +32
64 : #753b1a : +34
66 : #773b18 : +36
68 : #783a17 : +38
70 : #793a15 : +40
72 : #7b3a14 : +42
74 : #7c3913 : +44
76 : #7e3911 : +46
78 : #7f3910 : +48
80 : #81380e : +50
82 : #82380d : +52
84 : #83370b : +54
86 : #85370a : +56
88 : #863709 : +58
90 : #883607 : +60
92 : #893606 : +62
94 : #8b3604 : +64
96 : #8c3503 : +66
98 : #8d3501 : +68
100 : #8f3400 : +70
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070504 : -26
4 : #0d0907 : -24
6 : #140e0b : -22
8 : #1b130e : -20
10 : #211712 : -18
12 : #281c15 : -16
14 : #2e2119 : -14
16 : #35261d : -12
18 : #3c2a20 : -10
20 : #422f24 : -8
22 : #493427 : -6
24 : #50382b : -4
26 : #563d2e : -2
28 : #5d4232 : ±0
30 : #634636 : +2
32 : #6a4b39 : +4
34 : #71503d : +6
36 : #775440 : +8
38 : #7e5944 : +10
40 : #855e47 : +12
42 : #8b634b : +14
44 : #92674f : +16
46 : #986c52 : +18
48 : #9f7156 : +20
50 : #a67559 : +22
52 : #a97b60 : +24
54 : #ad8067 : +26
56 : #b0866d : +28
58 : #b48b74 : +30
60 : #b8917a : +32
62 : #bb9681 : +34
64 : #bf9c88 : +36
66 : #c2a18e : +38
68 : #c6a795 : +40
70 : #c9ac9c : +42
72 : #cdb2a2 : +44
74 : #d1b7a9 : +46
76 : #d4bdaf : +48
78 : #d8c2b6 : +50
80 : #dbc8bd : +52
82 : #dfcdc3 : +54
84 : #e2d3ca : +56
86 : #e6d8d1 : +58
88 : #eaded7 : +60
90 : #ede3de : +62
92 : #f1e9e4 : +64
94 : #f4eeeb : +66
96 : #f8f4f2 : +68
98 : #fbf9f8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow