#ab893f
RGB ( 赤 = 171, 緑 = 137, 青 = 63 )
HSL ( 色相 = 41°, 彩度 = 46%, 明度 = 46% )
H : 色相 ( 41° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ab413f : -40
11 : #ab533f : -30
21 : #ab653f : -20
31 : #ab773f : -10
41 : #ab893f : ±0
51 : #ab9b3f : +10
61 : #a9ab3f : +20
71 : #97ab3f : +30
81 : #85ab3f : +40
91 : #74ab3f : +50
101 : #62ab3f : +60
111 : #50ab3f : +70
121 : #3fab41 : +80
131 : #3fab53 : +90
141 : #3fab65 : +100
151 : #3fab77 : +110
161 : #3fab89 : +120
171 : #3fab9b : +130
181 : #3fa9ab : +140
191 : #3f97ab : +150
201 : #3f85ab : +160
211 : #3f74ab : +170
221 : #3f62ab : +180
231 : #3f50ab : +190
241 : #413fab : +200
251 : #533fab : +210
261 : #653fab : +220
271 : #773fab : +230
281 : #893fab : +240
291 : #9b3fab : +250
301 : #ab3fa9 : +260
311 : #ab3f97 : +270
321 : #ab3f85 : +280
331 : #ab3f74 : +290
341 : #ab3f62 : +300
351 : #ab3f50 : +310
31 : #ab773f : -10
32 : #ab793f : -9
33 : #ab7b3f : -8
34 : #ab7c3f : -7
35 : #ab7e3f : -6
36 : #ab803f : -5
37 : #ab823f : -4
38 : #ab843f : -3
39 : #ab853f : -2
40 : #ab873f : -1
41 : #ab893f : ±0
42 : #ab8b3f : +1
43 : #ab8d3f : +2
44 : #ab8e3f : +3
45 : #ab903f : +4
46 : #ab923f : +5
47 : #ab943f : +6
48 : #ab963f : +7
49 : #ab973f : +8
50 : #ab993f : +9
51 : #ab9b3f : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #757575 : -46
2 : #787673 : -44
4 : #7a7771 : -42
6 : #7c786e : -40
8 : #7f796c : -38
10 : #817a6a : -36
12 : #837a67 : -34
14 : #867b65 : -32
16 : #887c63 : -30
18 : #8a7d60 : -28
20 : #8d7e5e : -26
22 : #8f7f5b : -24
24 : #918059 : -22
26 : #948057 : -20
28 : #968154 : -18
30 : #988252 : -16
32 : #9b8350 : -14
34 : #9d844d : -12
36 : #a0854b : -10
38 : #a28649 : -8
40 : #a48746 : -6
42 : #a78744 : -4
44 : #a98842 : -2
46 : #ab893f : ±0
48 : #ae8a3d : +2
50 : #b08b3b : +4
52 : #b28c38 : +6
54 : #b58d36 : +8
56 : #b78d34 : +10
58 : #b98e31 : +12
60 : #bc8f2f : +14
62 : #be902d : +16
64 : #c0912a : +18
66 : #c39228 : +20
68 : #c59326 : +22
70 : #c79323 : +24
72 : #ca9421 : +26
74 : #cc951e : +28
76 : #ce961c : +30
78 : #d1971a : +32
80 : #d39817 : +34
82 : #d59915 : +36
84 : #d89913 : +38
86 : #da9a10 : +40
88 : #dd9b0e : +42
90 : #df9c0c : +44
92 : #e19d09 : +46
94 : #e49e07 : +48
96 : #e69f05 : +50
98 : #e89f02 : +52
100 : #eba000 : +54
L : 明度 ( 46% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -46
2 : #070603 : -44
4 : #0f0c06 : -42
6 : #161208 : -40
8 : #1e180b : -38
10 : #251e0e : -36
12 : #2d2411 : -34
14 : #342a13 : -32
16 : #3c3016 : -30
18 : #433619 : -28
20 : #4a3c1c : -26
22 : #52421e : -24
24 : #594821 : -22
26 : #614d24 : -20
28 : #685327 : -18
30 : #705929 : -16
32 : #775f2c : -14
34 : #7f652f : -12
36 : #866b32 : -10
38 : #8d7134 : -8
40 : #957737 : -6
42 : #9c7d3a : -4
44 : #a4833d : -2
46 : #ab893f : ±0
48 : #b38f42 : +2
50 : #ba9545 : +4
52 : #bd994c : +6
54 : #c09d54 : +8
56 : #c2a25b : +10
58 : #c5a663 : +12
60 : #c8aa6a : +14
62 : #cbae72 : +16
64 : #cdb379 : +18
66 : #d0b780 : +20
68 : #d3bb88 : +22
70 : #d6bf8f : +24
72 : #d8c497 : +26
74 : #dbc89e : +28
76 : #decca6 : +30
78 : #e1d0ad : +32
80 : #e3d5b5 : +34
82 : #e6d9bc : +36
84 : #e9ddc3 : +38
86 : #ece1cb : +40
88 : #eee6d2 : +42
90 : #f1eada : +44
92 : #f4eee1 : +46
94 : #f7f2e9 : +48
96 : #f9f7f0 : +50
98 : #fcfbf8 : +52
100 : #ffffff : +54
CSS入門、作ってます。
text-shadow