#ab8163
RGB ( 赤 = 171, 緑 = 129, 青 = 99 )
HSL ( 色相 = 25°, 彩度 = 30%, 明度 = 53% )
H : 色相 ( 25° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #ab6963 : -20
15 : #ab7563 : -10
25 : #ab8163 : ±0
35 : #ab8d63 : +10
45 : #ab9963 : +20
55 : #aba563 : +30
65 : #a5ab63 : +40
75 : #99ab63 : +50
85 : #8dab63 : +60
95 : #81ab63 : +70
105 : #75ab63 : +80
115 : #69ab63 : +90
125 : #63ab69 : +100
135 : #63ab75 : +110
145 : #63ab81 : +120
155 : #63ab8d : +130
165 : #63ab99 : +140
175 : #63aba5 : +150
185 : #63a5ab : +160
195 : #6399ab : +170
205 : #638dab : +180
215 : #6381ab : +190
225 : #6375ab : +200
235 : #6369ab : +210
245 : #6963ab : +220
255 : #7563ab : +230
265 : #8163ab : +240
275 : #8d63ab : +250
285 : #9963ab : +260
295 : #a563ab : +270
305 : #ab63a5 : +280
315 : #ab6399 : +290
325 : #ab638d : +300
335 : #ab6381 : +310
345 : #ab6375 : +320
355 : #ab6369 : +330
15 : #ab7563 : -10
16 : #ab7663 : -9
17 : #ab7863 : -8
18 : #ab7963 : -7
19 : #ab7a63 : -6
20 : #ab7b63 : -5
21 : #ab7c63 : -4
22 : #ab7e63 : -3
23 : #ab7f63 : -2
24 : #ab8063 : -1
25 : #ab8163 : ±0
26 : #ab8263 : +1
27 : #ab8463 : +2
28 : #ab8563 : +3
29 : #ab8663 : +4
30 : #ab8763 : +5
31 : #ab8863 : +6
32 : #ab8a63 : +7
33 : #ab8b63 : +8
34 : #ab8c63 : +9
35 : #ab8d63 : +10
S : 彩度 ( 30% )
(0%) 渋い ~ 鮮やか (100%)
0 : #878787 : -30
2 : #8a8785 : -28
4 : #8c8682 : -26
6 : #8e8680 : -24
8 : #91867e : -22
10 : #93857b : -20
12 : #968579 : -18
14 : #988476 : -16
16 : #9a8474 : -14
18 : #9d8472 : -12
20 : #9f836f : -10
22 : #a2836d : -8
24 : #a4826a : -6
26 : #a68268 : -4
28 : #a98266 : -2
30 : #ab8163 : ±0
32 : #ae8161 : +2
34 : #b0805e : +4
36 : #b2805c : +6
38 : #b5805a : +8
40 : #b77f57 : +10
42 : #b97f55 : +12
44 : #bc7e52 : +14
46 : #be7e50 : +16
48 : #c17e4e : +18
50 : #c37d4b : +20
52 : #c57d49 : +22
54 : #c87c46 : +24
56 : #ca7c44 : +26
58 : #cd7c42 : +28
60 : #cf7b3f : +30
62 : #d17b3d : +32
64 : #d47a3a : +34
66 : #d67a38 : +36
68 : #d97a36 : +38
70 : #db7933 : +40
72 : #dd7931 : +42
74 : #e0782e : +44
76 : #e2782c : +46
78 : #e5782a : +48
80 : #e77727 : +50
82 : #e97725 : +52
84 : #ec7622 : +54
86 : #ee7620 : +56
88 : #f1761e : +58
90 : #f3751b : +60
92 : #f57519 : +62
94 : #f87416 : +64
96 : #fa7414 : +66
98 : #fd7412 : +68
100 : #ff730f : +70
L : 明度 ( 53% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -52
3 : #0a0705 : -50
5 : #110c09 : -48
7 : #17110c : -46
9 : #1e1610 : -44
11 : #241b14 : -42
13 : #2b1f17 : -40
15 : #32241b : -38
17 : #38291e : -36
19 : #3f2e22 : -34
21 : #463325 : -32
23 : #4c3829 : -30
25 : #533d2d : -28
27 : #5a4130 : -26
29 : #604634 : -24
31 : #674b37 : -22
33 : #6d503b : -20
35 : #74553e : -18
37 : #7b5a42 : -16
39 : #815e46 : -14
41 : #886349 : -12
43 : #8f684d : -10
45 : #956d50 : -8
47 : #9c7254 : -6
49 : #a27757 : -4
51 : #a87c5d : -2
53 : #ab8163 : ±0
55 : #af876a : +2
57 : #b28c70 : +4
59 : #b69177 : +6
61 : #b9977e : +8
63 : #bd9c84 : +10
65 : #c1a18b : +12
67 : #c4a792 : +14
69 : #c8ac98 : +16
71 : #cbb19f : +18
73 : #cfb7a5 : +20
75 : #d2bcac : +22
77 : #d6c1b3 : +24
79 : #dac7b9 : +26
81 : #ddccc0 : +28
83 : #e1d1c7 : +30
85 : #e4d7cd : +32
87 : #e8dcd4 : +34
89 : #ebe2db : +36
91 : #efe7e1 : +38
93 : #f3ece8 : +40
95 : #f6f2ee : +42
97 : #faf7f5 : +44
99 : #fdfcfc : +46
CSS入門、作ってます。
text-shadow