#5b4733
RGB ( 赤 = 91, 緑 = 71, 青 = 51 )
HSL ( 色相 = 30°, 彩度 = 28%, 明度 = 28% )
H : 色相 ( 30° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5b3333 : -30
10 : #5b3a33 : -20
20 : #5b4133 : -10
30 : #5b4733 : ±0
40 : #5b4e33 : +10
50 : #5b5533 : +20
60 : #5b5b33 : +30
70 : #555b33 : +40
80 : #4e5b33 : +50
90 : #475b33 : +60
100 : #415b33 : +70
110 : #3a5b33 : +80
120 : #335b33 : +90
130 : #335b3a : +100
140 : #335b41 : +110
150 : #335b47 : +120
160 : #335b4e : +130
170 : #335b55 : +140
180 : #335b5b : +150
190 : #33555b : +160
200 : #334e5b : +170
210 : #33475b : +180
220 : #33415b : +190
230 : #333a5b : +200
240 : #33335b : +210
250 : #3a335b : +220
260 : #41335b : +230
270 : #47335b : +240
280 : #4e335b : +250
290 : #55335b : +260
300 : #5b335b : +270
310 : #5b3355 : +280
320 : #5b334e : +290
330 : #5b3347 : +300
340 : #5b3341 : +310
350 : #5b333a : +320
20 : #5b4133 : -10
21 : #5b4133 : -9
22 : #5b4233 : -8
23 : #5b4333 : -7
24 : #5b4333 : -6
25 : #5b4433 : -5
26 : #5b4533 : -4
27 : #5b4533 : -3
28 : #5b4633 : -2
29 : #5b4733 : -1
30 : #5b4733 : ±0
31 : #5b4833 : +1
32 : #5b4933 : +2
33 : #5b4933 : +3
34 : #5b4a33 : +4
35 : #5b4b33 : +5
36 : #5b4b33 : +6
37 : #5b4c33 : +7
38 : #5b4d33 : +8
39 : #5b4d33 : +9
40 : #5b4e33 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -28
2 : #494746 : -26
4 : #4a4745 : -24
6 : #4c4743 : -22
8 : #4d4742 : -20
10 : #4f4740 : -18
12 : #50473f : -16
14 : #51473d : -14
16 : #53473c : -12
18 : #54473b : -10
20 : #564739 : -8
22 : #574738 : -6
24 : #594736 : -4
26 : #5a4735 : -2
28 : #5b4733 : ±0
30 : #5d4732 : +2
32 : #5e4731 : +4
34 : #60472f : +6
36 : #61472e : +8
38 : #63472c : +10
40 : #64472b : +12
42 : #654729 : +14
44 : #674728 : +16
46 : #684727 : +18
48 : #6a4725 : +20
50 : #6b4724 : +22
52 : #6d4722 : +24
54 : #6e4721 : +26
56 : #6f471f : +28
58 : #71471e : +30
60 : #72471d : +32
62 : #74471b : +34
64 : #75471a : +36
66 : #774718 : +38
68 : #784717 : +40
70 : #794715 : +42
72 : #7b4714 : +44
74 : #7c4713 : +46
76 : #7e4711 : +48
78 : #7f4710 : +50
80 : #81470e : +52
82 : #82470d : +54
84 : #83470b : +56
86 : #85470a : +58
88 : #864709 : +60
90 : #884707 : +62
92 : #894706 : +64
94 : #8b4704 : +66
96 : #8c4703 : +68
98 : #8d4701 : +70
100 : #8f4700 : +72
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070504 : -26
4 : #0d0a07 : -24
6 : #140f0b : -22
8 : #1a140f : -20
10 : #211a12 : -18
12 : #271f16 : -16
14 : #2e241a : -14
16 : #34291d : -12
18 : #3b2e21 : -10
20 : #413325 : -8
22 : #483828 : -6
24 : #4e3d2c : -4
26 : #554230 : -2
28 : #5b4733 : ±0
30 : #624d37 : +2
32 : #68523b : +4
34 : #6f573e : +6
36 : #765c42 : +8
38 : #7c6146 : +10
40 : #836649 : +12
42 : #896b4d : +14
44 : #907051 : +16
46 : #967554 : +18
48 : #9d7a58 : +20
50 : #a3805c : +22
52 : #a78562 : +24
54 : #ab8a69 : +26
56 : #ae8f6f : +28
58 : #b29476 : +30
60 : #b6997c : +32
62 : #b99e83 : +34
64 : #bda389 : +36
66 : #c1a890 : +38
68 : #c4ad97 : +40
70 : #c8b39d : +42
72 : #ccb8a4 : +44
74 : #cfbdaa : +46
76 : #d3c2b1 : +48
78 : #d7c7b7 : +50
80 : #daccbe : +52
82 : #ded1c4 : +54
84 : #e2d6cb : +56
86 : #e5dbd1 : +58
88 : #e9e0d8 : +60
90 : #ede6de : +62
92 : #f0ebe5 : +64
94 : #f4f0eb : +66
96 : #f8f5f2 : +68
98 : #fbfaf8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow