#5b4834
RGB ( 赤 = 91, 緑 = 72, 青 = 52 )
HSL ( 色相 = 31°, 彩度 = 27%, 明度 = 28% )
H : 色相 ( 31° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #5b3534 : -30
11 : #5b3b34 : -20
21 : #5b4234 : -10
31 : #5b4834 : ±0
41 : #5b4e34 : +10
51 : #5b5534 : +20
61 : #5a5b34 : +30
71 : #545b34 : +40
81 : #4d5b34 : +50
91 : #475b34 : +60
101 : #405b34 : +70
111 : #3a5b34 : +80
121 : #345b35 : +90
131 : #345b3b : +100
141 : #345b42 : +110
151 : #345b48 : +120
161 : #345b4e : +130
171 : #345b55 : +140
181 : #345a5b : +150
191 : #34545b : +160
201 : #344d5b : +170
211 : #34475b : +180
221 : #34405b : +190
231 : #343a5b : +200
241 : #35345b : +210
251 : #3b345b : +220
261 : #42345b : +230
271 : #48345b : +240
281 : #4e345b : +250
291 : #55345b : +260
301 : #5b345a : +270
311 : #5b3454 : +280
321 : #5b344d : +290
331 : #5b3447 : +300
341 : #5b3440 : +310
351 : #5b343a : +320
21 : #5b4234 : -10
22 : #5b4234 : -9
23 : #5b4334 : -8
24 : #5b4434 : -7
25 : #5b4434 : -6
26 : #5b4534 : -5
27 : #5b4534 : -4
28 : #5b4634 : -3
29 : #5b4734 : -2
30 : #5b4734 : -1
31 : #5b4834 : ±0
32 : #5b4934 : +1
33 : #5b4934 : +2
34 : #5b4a34 : +3
35 : #5b4b34 : +4
36 : #5b4b34 : +5
37 : #5b4c34 : +6
38 : #5b4d34 : +7
39 : #5b4d34 : +8
40 : #5b4e34 : +9
41 : #5b4e34 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #484747 : -26
3 : #4a4745 : -24
5 : #4b4844 : -22
7 : #4c4842 : -20
9 : #4e4841 : -18
11 : #4f4840 : -16
13 : #51483e : -14
15 : #52483d : -12
17 : #54483b : -10
19 : #55483a : -8
21 : #564838 : -6
23 : #584837 : -4
25 : #594836 : -2
27 : #5b4834 : ±0
29 : #5c4833 : +2
31 : #5e4831 : +4
33 : #5f4830 : +6
35 : #60482e : +8
37 : #62482d : +10
39 : #63482c : +12
41 : #65482a : +14
43 : #664829 : +16
45 : #684827 : +18
47 : #694926 : +20
49 : #6a4924 : +22
51 : #6c4923 : +24
53 : #6d4922 : +26
55 : #6f4920 : +28
57 : #70491f : +30
59 : #72491d : +32
61 : #73491c : +34
63 : #74491a : +36
65 : #764919 : +38
67 : #774918 : +40
69 : #794916 : +42
71 : #7a4915 : +44
73 : #7c4913 : +46
75 : #7d4912 : +48
77 : #7e4910 : +50
79 : #80490f : +52
81 : #81490e : +54
83 : #83490c : +56
85 : #84490b : +58
87 : #864909 : +60
89 : #874a08 : +62
91 : #884a06 : +64
93 : #8a4a05 : +66
95 : #8b4a04 : +68
97 : #8d4a02 : +70
99 : #8e4a01 : +72
L : 明度 ( 28% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -28
2 : #060504 : -26
4 : #0d0a07 : -24
6 : #130f0b : -22
8 : #1a150f : -20
10 : #201a13 : -18
12 : #271f16 : -16
14 : #2d241a : -14
16 : #34291e : -12
18 : #3a2e22 : -10
20 : #413325 : -8
22 : #473929 : -6
24 : #4e3e2d : -4
26 : #544330 : -2
28 : #5b4834 : ±0
30 : #614d38 : +2
32 : #68523c : +4
34 : #6e573f : +6
36 : #755d43 : +8
38 : #7b6247 : +10
40 : #82674a : +12
42 : #886c4e : +14
44 : #8e7152 : +16
46 : #957656 : +18
48 : #9b7c59 : +20
50 : #a2815d : +22
52 : #a68664 : +24
54 : #a98b6a : +26
56 : #ad9071 : +28
58 : #b19577 : +30
60 : #b59a7d : +32
62 : #b89f84 : +34
64 : #bca48a : +36
66 : #c0a991 : +38
68 : #c3ae97 : +40
70 : #c7b39e : +42
72 : #cbb8a4 : +44
74 : #cfbdab : +46
76 : #d2c2b1 : +48
78 : #d6c7b8 : +50
80 : #daccbe : +52
82 : #ddd2c5 : +54
84 : #e1d7cb : +56
86 : #e5dcd2 : +58
88 : #e9e1d8 : +60
90 : #ece6df : +62
92 : #f0ebe5 : +64
94 : #f4f0ec : +66
96 : #f8f5f2 : +68
98 : #fbfaf9 : +70
100 : #ffffff : +72
CSS入門、作ってます。
text-shadow