#5b4524
RGB ( 赤 = 91, 緑 = 69, 青 = 36 )
HSL ( 色相 = 36°, 彩度 = 43%, 明度 = 25% )
H : 色相 ( 36° )
(0°) 赤~黄~緑~青~紫 (359°)
6 : #5b2a24 : -30
16 : #5b3324 : -20
26 : #5b3c24 : -10
36 : #5b4524 : ±0
46 : #5b4e24 : +10
56 : #5b5824 : +20
66 : #565b24 : +30
76 : #4d5b24 : +40
86 : #435b24 : +50
96 : #3a5b24 : +60
106 : #315b24 : +70
116 : #285b24 : +80
126 : #245b2a : +90
136 : #245b33 : +100
146 : #245b3c : +110
156 : #245b45 : +120
166 : #245b4e : +130
176 : #245b58 : +140
186 : #24565b : +150
196 : #244d5b : +160
206 : #24435b : +170
216 : #243a5b : +180
226 : #24315b : +190
236 : #24285b : +200
246 : #2a245b : +210
256 : #33245b : +220
266 : #3c245b : +230
276 : #45245b : +240
286 : #4e245b : +250
296 : #58245b : +260
306 : #5b2456 : +270
316 : #5b244d : +280
326 : #5b2443 : +290
336 : #5b243a : +300
346 : #5b2431 : +310
356 : #5b2428 : +320
26 : #5b3c24 : -10
27 : #5b3d24 : -9
28 : #5b3e24 : -8
29 : #5b3f24 : -7
30 : #5b4024 : -6
31 : #5b4124 : -5
32 : #5b4224 : -4
33 : #5b4224 : -3
34 : #5b4324 : -2
35 : #5b4424 : -1
36 : #5b4524 : ±0
37 : #5b4624 : +1
38 : #5b4724 : +2
39 : #5b4824 : +3
40 : #5b4924 : +4
41 : #5b4a24 : +5
42 : #5b4b24 : +6
43 : #5b4c24 : +7
44 : #5b4d24 : +8
45 : #5b4d24 : +9
46 : #5b4e24 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #40403f : -42
3 : #42403e : -40
5 : #43403d : -38
7 : #44413b : -36
9 : #45413a : -34
11 : #474139 : -32
13 : #484137 : -30
15 : #494236 : -28
17 : #4b4235 : -26
19 : #4c4234 : -24
21 : #4d4232 : -22
23 : #4e4331 : -20
25 : #504330 : -18
27 : #51432f : -16
29 : #52432d : -14
31 : #54442c : -12
33 : #55442b : -10
35 : #564429 : -8
37 : #574428 : -6
39 : #594527 : -4
41 : #5a4526 : -2
43 : #5b4524 : ±0
45 : #5c4523 : +2
47 : #5e4622 : +4
49 : #5f4621 : +6
51 : #60461f : +8
53 : #62471e : +10
55 : #63471d : +12
57 : #64471b : +14
59 : #65471a : +16
61 : #674819 : +18
63 : #684818 : +20
65 : #694816 : +22
67 : #6a4815 : +24
69 : #6c4914 : +26
71 : #6d4912 : +28
73 : #6e4911 : +30
75 : #704910 : +32
77 : #714a0f : +34
79 : #724a0d : +36
81 : #734a0c : +38
83 : #754a0b : +40
85 : #764b0a : +42
87 : #774b08 : +44
89 : #784b07 : +46
91 : #7a4b06 : +48
93 : #7b4c04 : +50
95 : #7c4c03 : +52
97 : #7e4c02 : +54
99 : #7f4c01 : +56
L : 明度 ( 25% )
(0%) 暗い ~ 明るい (100%)
1 : #040301 : -24
3 : #0b0804 : -22
5 : #120e07 : -20
7 : #1a130a : -18
9 : #21190d : -16
11 : #281e10 : -14
13 : #2f2413 : -12
15 : #372a16 : -10
17 : #3e2f19 : -8
19 : #45351c : -6
21 : #4d3a1f : -4
23 : #544021 : -2
25 : #5b4524 : ±0
27 : #624b27 : +2
29 : #6a502a : +4
31 : #71562d : +6
33 : #785b30 : +8
35 : #806133 : +10
37 : #876636 : +12
39 : #8e6c39 : +14
41 : #96723c : +16
43 : #9d773f : +18
45 : #a47d41 : +20
47 : #ab8244 : +22
49 : #b38847 : +24
51 : #b88d4c : +26
53 : #bb9154 : +28
55 : #be965b : +30
57 : #c09b62 : +32
59 : #c39f69 : +34
61 : #c6a471 : +36
63 : #c9a978 : +38
65 : #ccad7f : +40
67 : #cfb287 : +42
69 : #d2b78e : +44
71 : #d5bb95 : +46
73 : #d8c09d : +48
75 : #dbc5a4 : +50
77 : #dec9ab : +52
79 : #e0ceb2 : +54
81 : #e3d3ba : +56
83 : #e6d7c1 : +58
85 : #e9dcc8 : +60
87 : #ece1d0 : +62
89 : #efe5d7 : +64
91 : #f2eade : +66
93 : #f5efe5 : +68
95 : #f8f3ed : +70
97 : #fbf8f4 : +72
99 : #fefdfb : +74
CSS入門、作ってます。
text-shadow