#5b4033
RGB ( 赤 = 91, 緑 = 64, 青 = 51 )
HSL ( 色相 = 20°, 彩度 = 28%, 明度 = 28% )
H : 色相 ( 20° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #5b3333 : -20
10 : #5b3a33 : -10
20 : #5b4133 : ±0
30 : #5b4733 : +10
40 : #5b4e33 : +20
50 : #5b5533 : +30
60 : #5b5b33 : +40
70 : #555b33 : +50
80 : #4e5b33 : +60
90 : #475b33 : +70
100 : #415b33 : +80
110 : #3a5b33 : +90
120 : #335b33 : +100
130 : #335b3a : +110
140 : #335b41 : +120
150 : #335b47 : +130
160 : #335b4e : +140
170 : #335b55 : +150
180 : #335b5b : +160
190 : #33555b : +170
200 : #334e5b : +180
210 : #33475b : +190
220 : #33415b : +200
230 : #333a5b : +210
240 : #33335b : +220
250 : #3a335b : +230
260 : #41335b : +240
270 : #47335b : +250
280 : #4e335b : +260
290 : #55335b : +270
300 : #5b335b : +280
310 : #5b3355 : +290
320 : #5b334e : +300
330 : #5b3347 : +310
340 : #5b3341 : +320
350 : #5b333a : +330
10 : #5b3a33 : -10
11 : #5b3b33 : -9
12 : #5b3b33 : -8
13 : #5b3c33 : -7
14 : #5b3d33 : -6
15 : #5b3d33 : -5
16 : #5b3e33 : -4
17 : #5b3f33 : -3
18 : #5b3f33 : -2
19 : #5b4033 : -1
20 : #5b4133 : ±0
21 : #5b4133 : +1
22 : #5b4233 : +2
23 : #5b4333 : +3
24 : #5b4333 : +4
25 : #5b4433 : +5
26 : #5b4533 : +6
27 : #5b4533 : +7
28 : #5b4633 : +8
29 : #5b4733 : +9
30 : #5b4733 : +10
S : 彩度 ( 28% )
(0%) 渋い ~ 鮮やか (100%)
0 : #474747 : -28
2 : #494746 : -26
4 : #4a4645 : -24
6 : #4c4643 : -22
8 : #4d4542 : -20
10 : #4f4540 : -18
12 : #50453f : -16
14 : #51443d : -14
16 : #53443c : -12
18 : #54433b : -10
20 : #564339 : -8
22 : #574238 : -6
24 : #594236 : -4
26 : #5a4135 : -2
28 : #5b4133 : ±0
30 : #5d4032 : +2
32 : #5e4031 : +4
34 : #603f2f : +6
36 : #613f2e : +8
38 : #633e2c : +10
40 : #643e2b : +12
42 : #653d29 : +14
44 : #673d28 : +16
46 : #683c27 : +18
48 : #6a3c25 : +20
50 : #6b3c24 : +22
52 : #6d3b22 : +24
54 : #6e3b21 : +26
56 : #6f3a1f : +28
58 : #713a1e : +30
60 : #72391d : +32
62 : #74391b : +34
64 : #75381a : +36
66 : #773818 : +38
68 : #783717 : +40
70 : #793715 : +42
72 : #7b3614 : +44
74 : #7c3613 : +46
76 : #7e3511 : +48
78 : #7f3510 : +50
80 : #81340e : +52
82 : #82340d : +54
84 : #83330b : +56
86 : #85330a : +58
88 : #863209 : +60
90 : #883207 : +62
92 : #893206 : +64
94 : #8b3104 : +66
96 : #8c3103 : +68
98 : #8d3001 : +70
100 : #8f3000 : +72
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070504 : -26
4 : #0d0907 : -24
6 : #140e0b : -22
8 : #1a120f : -20
10 : #211712 : -18
12 : #271c16 : -16
14 : #2e201a : -14
16 : #34251d : -12
18 : #3b2a21 : -10
20 : #412e25 : -8
22 : #483328 : -6
24 : #4e372c : -4
26 : #553c30 : -2
28 : #5b4133 : ±0
30 : #624537 : +2
32 : #684a3b : +4
34 : #6f4f3e : +6
36 : #765342 : +8
38 : #7c5846 : +10
40 : #835c49 : +12
42 : #89614d : +14
44 : #906651 : +16
46 : #966a54 : +18
48 : #9d6f58 : +20
50 : #a3745c : +22
52 : #a77962 : +24
54 : #ab7f69 : +26
56 : #ae846f : +28
58 : #b28a76 : +30
60 : #b68f7c : +32
62 : #b99583 : +34
64 : #bd9b89 : +36
66 : #c1a090 : +38
68 : #c4a697 : +40
70 : #c8ab9d : +42
72 : #ccb1a4 : +44
74 : #cfb7aa : +46
76 : #d3bcb1 : +48
78 : #d7c2b7 : +50
80 : #dac7be : +52
82 : #decdc4 : +54
84 : #e2d2cb : +56
86 : #e5d8d1 : +58
88 : #e9ded8 : +60
90 : #ede3de : +62
92 : #f0e9e5 : +64
94 : #f4eeeb : +66
96 : #f8f4f2 : +68
98 : #fbf9f8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow