#ab7a5f
RGB ( 赤 = 171, 緑 = 122, 青 = 95 )
HSL ( 色相 = 21°, 彩度 = 31%, 明度 = 52% )
H : 色相 ( 21° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ab605f : -20
11 : #ab6d5f : -10
21 : #ab795f : ±0
31 : #ab865f : +10
41 : #ab935f : +20
51 : #ab9f5f : +30
61 : #a9ab5f : +40
71 : #9dab5f : +50
81 : #90ab5f : +60
91 : #83ab5f : +70
101 : #77ab5f : +80
111 : #6aab5f : +90
121 : #5fab60 : +100
131 : #5fab6d : +110
141 : #5fab79 : +120
151 : #5fab86 : +130
161 : #5fab93 : +140
171 : #5fab9f : +150
181 : #5fa9ab : +160
191 : #5f9dab : +170
201 : #5f90ab : +180
211 : #5f83ab : +190
221 : #5f77ab : +200
231 : #5f6aab : +210
241 : #605fab : +220
251 : #6d5fab : +230
261 : #795fab : +240
271 : #865fab : +250
281 : #935fab : +260
291 : #9f5fab : +270
301 : #ab5fa9 : +280
311 : #ab5f9d : +290
321 : #ab5f90 : +300
331 : #ab5f83 : +310
341 : #ab5f77 : +320
351 : #ab5f6a : +330
11 : #ab6d5f : -10
12 : #ab6e5f : -9
13 : #ab6f5f : -8
14 : #ab705f : -7
15 : #ab725f : -6
16 : #ab735f : -5
17 : #ab745f : -4
18 : #ab755f : -3
19 : #ab775f : -2
20 : #ab785f : -1
21 : #ab795f : ±0
22 : #ab7a5f : +1
23 : #ab7c5f : +2
24 : #ab7d5f : +3
25 : #ab7e5f : +4
26 : #ab805f : +5
27 : #ab815f : +6
28 : #ab825f : +7
29 : #ab835f : +8
30 : #ab855f : +9
31 : #ab865f : +10
S : 彩度 ( 31% )
(0%) 渋い ~ 鮮やか (100%)
1 : #868483 : -30
3 : #888381 : -28
5 : #8b837e : -26
7 : #8d827c : -24
9 : #90817a : -22
11 : #928177 : -20
13 : #958075 : -18
15 : #977f72 : -16
17 : #997e70 : -14
19 : #9c7e6d : -12
21 : #9e7d6b : -10
23 : #a17c68 : -8
25 : #a37b66 : -6
27 : #a67b64 : -4
29 : #a87a61 : -2
31 : #ab795f : ±0
33 : #ad785c : +2
35 : #af785a : +4
37 : #b27757 : +6
39 : #b47655 : +8
41 : #b77652 : +10
43 : #b97550 : +12
45 : #bc744e : +14
47 : #be734b : +16
49 : #c17349 : +18
51 : #c37246 : +20
53 : #c57144 : +22
55 : #c87041 : +24
57 : #ca703f : +26
59 : #cd6f3c : +28
61 : #cf6e3a : +30
63 : #d26d37 : +32
65 : #d46d35 : +34
67 : #d76c33 : +36
69 : #d96b30 : +38
71 : #dc6b2e : +40
73 : #de6a2b : +42
75 : #e06929 : +44
77 : #e36826 : +46
79 : #e56824 : +48
81 : #e86721 : +50
83 : #ea661f : +52
85 : #ed651d : +54
87 : #ef651a : +56
89 : #f26418 : +58
91 : #f46315 : +60
93 : #f66213 : +62
95 : #f96210 : +64
97 : #fb610e : +66
99 : #fe600b : +68
L : 明度 ( 52% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -52
2 : #070504 : -50
4 : #0d0907 : -48
6 : #140e0b : -46
8 : #1b130e : -44
10 : #211712 : -42
12 : #281c15 : -40
14 : #2f2019 : -38
16 : #35251c : -36
18 : #3c2a20 : -34
20 : #432e23 : -32
22 : #493327 : -30
24 : #50382a : -28
26 : #573c2e : -26
28 : #5e4131 : -24
30 : #644535 : -22
32 : #6b4a38 : -20
34 : #724f3c : -18
36 : #78533f : -16
38 : #7f5843 : -14
40 : #865d46 : -12
42 : #8c614a : -10
44 : #93664d : -8
46 : #9a6a51 : -6
48 : #a06f54 : -4
50 : #a77458 : -2
52 : #ab795f : ±0
54 : #ae7f65 : +2
56 : #b2846c : +4
58 : #b58a73 : +6
60 : #b99079 : +8
62 : #bc9580 : +10
64 : #c09b87 : +12
66 : #c3a08d : +14
68 : #c7a694 : +16
70 : #caab9b : +18
72 : #ceb1a1 : +20
74 : #d1b7a8 : +22
76 : #d5bcaf : +24
78 : #d8c2b6 : +26
80 : #dcc7bc : +28
82 : #dfcdc3 : +30
84 : #e3d2ca : +32
86 : #e6d8d0 : +34
88 : #eaded7 : +36
90 : #ede3de : +38
92 : #f1e9e4 : +40
94 : #f4eeeb : +42
96 : #f8f4f2 : +44
98 : #fbf9f8 : +46
100 : #ffffff : +48
CSS入門、作ってます。
text-shadow