#a57b46
RGB ( 赤 = 165, 緑 = 123, 青 = 70 )
HSL ( 色相 = 33°, 彩度 = 40%, 明度 = 46% )
H : 色相 ( 33° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #a44b46 : -30
13 : #a45b46 : -20
23 : #a46a46 : -10
33 : #a47a46 : ±0
43 : #a48a46 : +10
53 : #a49946 : +20
63 : #a0a446 : +30
73 : #90a446 : +40
83 : #80a446 : +50
93 : #71a446 : +60
103 : #61a446 : +70
113 : #51a446 : +80
123 : #46a44b : +90
133 : #46a45b : +100
143 : #46a46a : +110
153 : #46a47a : +120
163 : #46a48a : +130
173 : #46a499 : +140
183 : #46a0a4 : +150
193 : #4690a4 : +160
203 : #4680a4 : +170
213 : #4671a4 : +180
223 : #4661a4 : +190
233 : #4651a4 : +200
243 : #4b46a4 : +210
253 : #5b46a4 : +220
263 : #6a46a4 : +230
273 : #7a46a4 : +240
283 : #8a46a4 : +250
293 : #9946a4 : +260
303 : #a446a0 : +270
313 : #a44690 : +280
323 : #a44680 : +290
333 : #a44671 : +300
343 : #a44661 : +310
353 : #a44651 : +320
23 : #a46a46 : -10
24 : #a46c46 : -9
25 : #a46d46 : -8
26 : #a46f46 : -7
27 : #a47146 : -6
28 : #a47246 : -5
29 : #a47446 : -4
30 : #a47546 : -3
31 : #a47746 : -2
32 : #a47846 : -1
33 : #a47a46 : ±0
34 : #a47c46 : +1
35 : #a47d46 : +2
36 : #a47f46 : +3
37 : #a48046 : +4
38 : #a48246 : +5
39 : #a48346 : +6
40 : #a48546 : +7
41 : #a48746 : +8
42 : #a48846 : +9
43 : #a48a46 : +10
S : 彩度 ( 40% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -40
2 : #787673 : -38
4 : #7a7671 : -36
6 : #7c766e : -34
8 : #7f766c : -32
10 : #81766a : -30
12 : #837767 : -28
14 : #867765 : -26
16 : #887763 : -24
18 : #8a7760 : -22
20 : #8d785e : -20
22 : #8f785b : -18
24 : #917859 : -16
26 : #947857 : -14
28 : #967954 : -12
30 : #987952 : -10
32 : #9b7950 : -8
34 : #9d794d : -6
36 : #a07a4b : -4
38 : #a27a49 : -2
40 : #a47a46 : ±0
42 : #a77a44 : +2
44 : #a97a42 : +4
46 : #ab7b3f : +6
48 : #ae7b3d : +8
50 : #b07b3b : +10
52 : #b27b38 : +12
54 : #b57c36 : +14
56 : #b77c34 : +16
58 : #b97c31 : +18
60 : #bc7c2f : +20
62 : #be7d2d : +22
64 : #c07d2a : +24
66 : #c37d28 : +26
68 : #c57d26 : +28
70 : #c77e23 : +30
72 : #ca7e21 : +32
74 : #cc7e1e : +34
76 : #ce7e1c : +36
78 : #d17e1a : +38
80 : #d37f17 : +40
82 : #d57f15 : +42
84 : #d87f13 : +44
86 : #da7f10 : +46
88 : #dd800e : +48
90 : #df800c : +50
92 : #e18009 : +52
94 : #e48007 : +54
96 : #e68105 : +56
98 : #e88102 : +58
100 : #eb8100 : +60
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #070503 : -44
4 : #0e0b06 : -42
6 : #151009 : -40
8 : #1d150c : -38
10 : #241b0f : -36
12 : #2b2012 : -34
14 : #322515 : -32
16 : #392a18 : -30
18 : #40301c : -28
20 : #47351f : -26
22 : #4f3a22 : -24
24 : #564025 : -22
26 : #5d4528 : -20
28 : #644a2b : -18
30 : #6b502e : -16
32 : #725531 : -14
34 : #795a34 : -12
36 : #815f37 : -10
38 : #88653a : -8
40 : #8f6a3d : -6
42 : #966f40 : -4
44 : #9d7543 : -2
46 : #a47a46 : ±0
48 : #ab7f49 : +2
50 : #b3854d : +4
52 : #b68954 : +6
54 : #b98e5b : +8
56 : #bc9362 : +10
58 : #bf9869 : +12
60 : #c29d70 : +14
62 : #c5a277 : +16
64 : #c8a77e : +18
66 : #cbac86 : +20
68 : #ceb18d : +22
70 : #d1b694 : +24
72 : #d4ba9b : +26
74 : #d7bfa2 : +28
76 : #dac4a9 : +30
78 : #ddc9b0 : +32
80 : #e0ceb8 : +34
82 : #e3d3bf : +36
84 : #e7d8c6 : +38
86 : #eaddcd : +40
88 : #ede2d4 : +42
90 : #f0e7db : +44
92 : #f3ebe2 : +46
94 : #f6f0ea : +48
96 : #f9f5f1 : +50
98 : #fcfaf8 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow