#5b4533
RGB ( 赤 = 91, 緑 = 69, 青 = 51 )
HSL ( 色相 = 27°, 彩度 = 28%, 明度 = 28% )
H : 色相 ( 27° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #5b3833 : -20
17 : #5b3f33 : -10
27 : #5b4533 : ±0
37 : #5b4c33 : +10
47 : #5b5333 : +20
57 : #5b5933 : +30
67 : #575b33 : +40
77 : #505b33 : +50
87 : #495b33 : +60
97 : #435b33 : +70
107 : #3c5b33 : +80
117 : #355b33 : +90
127 : #335b38 : +100
137 : #335b3f : +110
147 : #335b45 : +120
157 : #335b4c : +130
167 : #335b53 : +140
177 : #335b59 : +150
187 : #33575b : +160
197 : #33505b : +170
207 : #33495b : +180
217 : #33435b : +190
227 : #333c5b : +200
237 : #33355b : +210
247 : #38335b : +220
257 : #3f335b : +230
267 : #45335b : +240
277 : #4c335b : +250
287 : #53335b : +260
297 : #59335b : +270
307 : #5b3357 : +280
317 : #5b3350 : +290
327 : #5b3349 : +300
337 : #5b3343 : +310
347 : #5b333c : +320
357 : #5b3335 : +330
17 : #5b3f33 : -10
18 : #5b3f33 : -9
19 : #5b4033 : -8
20 : #5b4133 : -7
21 : #5b4133 : -6
22 : #5b4233 : -5
23 : #5b4333 : -4
24 : #5b4333 : -3
25 : #5b4433 : -2
26 : #5b4533 : -1
27 : #5b4533 : ±0
28 : #5b4633 : +1
29 : #5b4733 : +2
30 : #5b4733 : +3
31 : #5b4833 : +4
32 : #5b4933 : +5
33 : #5b4933 : +6
34 : #5b4a33 : +7
35 : #5b4b33 : +8
36 : #5b4b33 : +9
37 : #5b4c33 : +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 : #51463d : -14
16 : #53463c : -12
18 : #54463b : -10
20 : #564639 : -8
22 : #574638 : -6
24 : #594636 : -4
26 : #5a4635 : -2
28 : #5b4533 : ±0
30 : #5d4532 : +2
32 : #5e4531 : +4
34 : #60452f : +6
36 : #61452e : +8
38 : #63452c : +10
40 : #64452b : +12
42 : #654429 : +14
44 : #674428 : +16
46 : #684427 : +18
48 : #6a4425 : +20
50 : #6b4424 : +22
52 : #6d4422 : +24
54 : #6e4421 : +26
56 : #6f431f : +28
58 : #71431e : +30
60 : #72431d : +32
62 : #74431b : +34
64 : #75431a : +36
66 : #774318 : +38
68 : #784317 : +40
70 : #794215 : +42
72 : #7b4214 : +44
74 : #7c4213 : +46
76 : #7e4211 : +48
78 : #7f4210 : +50
80 : #81420e : +52
82 : #82420d : +54
84 : #83410b : +56
86 : #85410a : +58
88 : #864109 : +60
90 : #884107 : +62
92 : #894106 : +64
94 : #8b4104 : +66
96 : #8c4103 : +68
98 : #8d4001 : +70
100 : #8f4000 : +72
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #070504 : -26
4 : #0d0a07 : -24
6 : #140f0b : -22
8 : #1a140f : -20
10 : #211912 : -18
12 : #271e16 : -16
14 : #2e231a : -14
16 : #34281d : -12
18 : #3b2d21 : -10
20 : #413225 : -8
22 : #483728 : -6
24 : #4e3b2c : -4
26 : #554030 : -2
28 : #5b4533 : ±0
30 : #624a37 : +2
32 : #684f3b : +4
34 : #6f543e : +6
36 : #765942 : +8
38 : #7c5e46 : +10
40 : #836349 : +12
42 : #89684d : +14
44 : #906d51 : +16
46 : #967254 : +18
48 : #9d7758 : +20
50 : #a37c5c : +22
52 : #a78162 : +24
54 : #ab8669 : +26
56 : #ae8c6f : +28
58 : #b29176 : +30
60 : #b6967c : +32
62 : #b99b83 : +34
64 : #bda189 : +36
66 : #c1a690 : +38
68 : #c4ab97 : +40
70 : #c8b09d : +42
72 : #ccb6a4 : +44
74 : #cfbbaa : +46
76 : #d3c0b1 : +48
78 : #d7c5b7 : +50
80 : #dacbbe : +52
82 : #ded0c4 : +54
84 : #e2d5cb : +56
86 : #e5dad1 : +58
88 : #e9e0d8 : +60
90 : #ede5de : +62
92 : #f0eae5 : +64
94 : #f4efeb : +66
96 : #f8f5f2 : +68
98 : #fbfaf8 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow