#ab5e54
RGB ( 赤 = 171, 緑 = 94, 青 = 84 )
HSL ( 色相 = 7°, 彩度 = 34%, 明度 = 50% )
H : 色相 ( 7° )
(0°) 赤~黄~緑~青~紫 (359°)
7 : #ab5e54 : ±0
17 : #ab6d54 : +10
27 : #ab7b54 : +20
37 : #ab8a54 : +30
47 : #ab9854 : +40
57 : #aba754 : +50
67 : #a1ab54 : +60
77 : #92ab54 : +70
87 : #84ab54 : +80
97 : #75ab54 : +90
107 : #67ab54 : +100
117 : #58ab54 : +110
127 : #54ab5e : +120
137 : #54ab6d : +130
147 : #54ab7b : +140
157 : #54ab8a : +150
167 : #54ab98 : +160
177 : #54aba7 : +170
187 : #54a1ab : +180
197 : #5492ab : +190
207 : #5484ab : +200
217 : #5475ab : +210
227 : #5467ab : +220
237 : #5458ab : +230
247 : #5e54ab : +240
257 : #6d54ab : +250
267 : #7b54ab : +260
277 : #8a54ab : +270
287 : #9854ab : +280
297 : #a754ab : +290
307 : #ab54a1 : +300
317 : #ab5492 : +310
327 : #ab5484 : +320
337 : #ab5475 : +330
347 : #ab5467 : +340
357 : #ab5458 : +350
357 : #ab5458 : +350
358 : #ab5457 : +351
359 : #ab5456 : +352
0 : #ab5454 : -7
1 : #ab5654 : -6
2 : #ab5754 : -5
3 : #ab5854 : -4
4 : #ab5a54 : -3
5 : #ab5b54 : -2
6 : #ab5d54 : -1
7 : #ab5e54 : ±0
8 : #ab6054 : +1
9 : #ab6154 : +2
10 : #ab6354 : +3
11 : #ab6454 : +4
12 : #ab6554 : +5
13 : #ab6754 : +6
14 : #ab6854 : +7
15 : #ab6a54 : +8
16 : #ab6b54 : +9
17 : #ab6d54 : +10
S : 彩度 ( 34% )
(0%) 渋い ~ 鮮やか (100%)
0 : #7f7f7f : -34
2 : #827e7d : -32
4 : #857c7a : -30
6 : #877a78 : -28
8 : #8a7875 : -26
10 : #8c7673 : -24
12 : #8f7470 : -22
14 : #91726e : -20
16 : #94706b : -18
18 : #966e69 : -16
20 : #996c66 : -14
22 : #9c6a63 : -12
24 : #9e6861 : -10
26 : #a1665e : -8
28 : #a3645c : -6
30 : #a66259 : -4
32 : #a86057 : -2
34 : #ab5e54 : ±0
36 : #ad5c52 : +2
38 : #b05a4f : +4
40 : #b3584d : +6
42 : #b5564a : +8
44 : #b85447 : +10
46 : #ba5345 : +12
48 : #bd5142 : +14
50 : #bf4f40 : +16
52 : #c24d3d : +18
54 : #c44b3b : +20
56 : #c74938 : +22
58 : #c94736 : +24
60 : #cc4533 : +26
62 : #cf4330 : +28
64 : #d1412e : +30
66 : #d43f2b : +32
68 : #d63d29 : +34
70 : #d93b26 : +36
72 : #db3924 : +38
74 : #de3721 : +40
76 : #e0351f : +42
78 : #e3331c : +44
80 : #e6311a : +46
82 : #e82f17 : +48
84 : #eb2d14 : +50
86 : #ed2b12 : +52
88 : #f0290f : +54
90 : #f2280d : +56
92 : #f5260a : +58
94 : #f72408 : +60
96 : #fa2205 : +62
98 : #fc2003 : +64
100 : #ff1e00 : +66
L : 明度 ( 50% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -50
2 : #070403 : -48
4 : #0e0807 : -46
6 : #150b0a : -44
8 : #1b0f0d : -42
10 : #221311 : -40
12 : #291714 : -38
14 : #301a18 : -36
16 : #371e1b : -34
18 : #3e221e : -32
20 : #442622 : -30
22 : #4b2925 : -28
24 : #522d28 : -26
26 : #59312c : -24
28 : #60352f : -22
30 : #673932 : -20
32 : #6d3c36 : -18
34 : #744039 : -16
36 : #7b443d : -14
38 : #824840 : -12
40 : #894b43 : -10
42 : #904f47 : -8
44 : #96534a : -6
46 : #9d574d : -4
48 : #a45a51 : -2
50 : #ab5e54 : ±0
52 : #ae655b : +2
54 : #b26b62 : +4
56 : #b57269 : +6
58 : #b8786f : +8
60 : #bc7e76 : +10
62 : #bf857d : +12
64 : #c28b84 : +14
66 : #c6928b : +16
68 : #c99892 : +18
70 : #cd9f98 : +20
72 : #d0a59f : +22
74 : #d3aba6 : +24
76 : #d7b2ad : +26
78 : #dab8b4 : +28
80 : #ddbfbb : +30
82 : #e1c5c1 : +32
84 : #e4ccc8 : +34
86 : #e7d2cf : +36
88 : #ebd8d6 : +38
90 : #eedfdd : +40
92 : #f2e5e4 : +42
94 : #f5ecea : +44
96 : #f8f2f1 : +46
98 : #fcf9f8 : +48
100 : #ffffff : +50
CSS入門、作ってます。
text-shadow