#a86b43
RGB ( 赤 = 168, 緑 = 107, 青 = 67 )
HSL ( 色相 = 24°, 彩度 = 43%, 明度 = 46% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a84a43 : -20
14 : #a85a43 : -10
24 : #a86b43 : ±0
34 : #a87c43 : +10
44 : #a88d43 : +20
54 : #a89e43 : +30
64 : #a1a843 : +40
74 : #90a843 : +50
84 : #7fa843 : +60
94 : #6fa843 : +70
104 : #5ea843 : +80
114 : #4da843 : +90
124 : #43a84a : +100
134 : #43a85a : +110
144 : #43a86b : +120
154 : #43a87c : +130
164 : #43a88d : +140
174 : #43a89e : +150
184 : #43a1a8 : +160
194 : #4390a8 : +170
204 : #437fa8 : +180
214 : #436fa8 : +190
224 : #435ea8 : +200
234 : #434da8 : +210
244 : #4a43a8 : +220
254 : #5a43a8 : +230
264 : #6b43a8 : +240
274 : #7c43a8 : +250
284 : #8d43a8 : +260
294 : #9e43a8 : +270
304 : #a843a1 : +280
314 : #a84390 : +290
324 : #a8437f : +300
334 : #a8436f : +310
344 : #a8435e : +320
354 : #a8434d : +330
14 : #a85a43 : -10
15 : #a85c43 : -9
16 : #a85e43 : -8
17 : #a85f43 : -7
18 : #a86143 : -6
19 : #a86343 : -5
20 : #a86443 : -4
21 : #a86643 : -3
22 : #a86843 : -2
23 : #a86a43 : -1
24 : #a86b43 : ±0
25 : #a86d43 : +1
26 : #a86f43 : +2
27 : #a87043 : +3
28 : #a87243 : +4
29 : #a87443 : +5
30 : #a87543 : +6
31 : #a87743 : +7
32 : #a87943 : +8
33 : #a87a43 : +9
34 : #a87c43 : +10
S : 彩度 ( 43% )
(0%) 渋い ~ 鮮やか (100%)
1 : #767574 : -42
3 : #797572 : -40
5 : #7b746f : -38
7 : #7e746d : -36
9 : #80736b : -34
11 : #827368 : -32
13 : #857266 : -30
15 : #877264 : -28
17 : #897161 : -26
19 : #8c715f : -24
21 : #8e705d : -22
23 : #90705a : -20
25 : #936f58 : -18
27 : #956f56 : -16
29 : #976e53 : -14
31 : #9a6e51 : -12
33 : #9c6e4f : -10
35 : #9e6d4c : -8
37 : #a16d4a : -6
39 : #a36c48 : -4
41 : #a56c45 : -2
43 : #a86b43 : ±0
45 : #aa6b41 : +2
47 : #ac6a3e : +4
49 : #af6a3c : +6
51 : #b16939 : +8
53 : #b36937 : +10
55 : #b66835 : +12
57 : #b86832 : +14
59 : #bb6730 : +16
61 : #bd672e : +18
63 : #bf672b : +20
65 : #c26629 : +22
67 : #c46627 : +24
69 : #c66524 : +26
71 : #c96522 : +28
73 : #cb6420 : +30
75 : #cd641d : +32
77 : #d0631b : +34
79 : #d26319 : +36
81 : #d46216 : +38
83 : #d76214 : +40
85 : #d96112 : +42
87 : #db610f : +44
89 : #de600d : +46
91 : #e0600b : +48
93 : #e25f08 : +50
95 : #e55f06 : +52
97 : #e75f04 : +54
99 : #e95e01 : +56
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #070503 : -44
4 : #0f0906 : -42
6 : #160e09 : -40
8 : #1d130c : -38
10 : #24170f : -36
12 : #2c1c11 : -34
14 : #332114 : -32
16 : #3a2517 : -30
18 : #422a1a : -28
20 : #492f1d : -26
22 : #503320 : -24
24 : #583823 : -22
26 : #5f3d26 : -20
28 : #664129 : -18
30 : #6d462c : -16
32 : #754b2f : -14
34 : #7c4f31 : -12
36 : #835434 : -10
38 : #8b5937 : -8
40 : #925d3a : -6
42 : #99623d : -4
44 : #a06740 : -2
46 : #a86b43 : ±0
48 : #af7046 : +2
50 : #b67549 : +4
52 : #b97a50 : +6
54 : #bc8057 : +8
56 : #bf855f : +10
58 : #c28b66 : +12
60 : #c5906d : +14
62 : #c89674 : +16
64 : #cb9b7c : +18
66 : #cea183 : +20
68 : #d0a68a : +22
70 : #d3ac92 : +24
72 : #d6b199 : +26
74 : #d9b7a0 : +28
76 : #dcbda7 : +30
78 : #dfc2af : +32
80 : #e2c8b6 : +34
82 : #e5cdbd : +36
84 : #e8d3c5 : +38
86 : #ebd8cc : +40
88 : #eeded3 : +42
90 : #f0e3db : +44
92 : #f3e9e2 : +46
94 : #f6eee9 : +48
96 : #f9f4f0 : +50
98 : #fcf9f8 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow