#ab776d
RGB ( 赤 = 171, 緑 = 119, 青 = 109 )
HSL ( 色相 = 10°, 彩度 = 27%, 明度 = 55% )
H : 色相 ( 10° )
(0°) 赤~黄~緑~青~紫 (359°)
0 : #ab6d6d : -10
10 : #ab786d : ±0
20 : #ab826d : +10
30 : #ab8c6d : +20
40 : #ab976d : +30
50 : #aba16d : +40
60 : #abab6d : +50
70 : #a1ab6d : +60
80 : #97ab6d : +70
90 : #8cab6d : +80
100 : #82ab6d : +90
110 : #78ab6d : +100
120 : #6dab6d : +110
130 : #6dab78 : +120
140 : #6dab82 : +130
150 : #6dab8c : +140
160 : #6dab97 : +150
170 : #6daba1 : +160
180 : #6dabab : +170
190 : #6da1ab : +180
200 : #6d97ab : +190
210 : #6d8cab : +200
220 : #6d82ab : +210
230 : #6d78ab : +220
240 : #6d6dab : +230
250 : #786dab : +240
260 : #826dab : +250
270 : #8c6dab : +260
280 : #976dab : +270
290 : #a16dab : +280
300 : #ab6dab : +290
310 : #ab6da1 : +300
320 : #ab6d97 : +310
330 : #ab6d8c : +320
340 : #ab6d82 : +330
350 : #ab6d78 : +340
0 : #ab6d6d : -10
1 : #ab6e6d : -9
2 : #ab6f6d : -8
3 : #ab706d : -7
4 : #ab716d : -6
5 : #ab726d : -5
6 : #ab736d : -4
7 : #ab746d : -3
8 : #ab766d : -2
9 : #ab776d : -1
10 : #ab786d : ±0
11 : #ab796d : +1
12 : #ab7a6d : +2
13 : #ab7b6d : +3
14 : #ab7c6d : +4
15 : #ab7d6d : +5
16 : #ab7e6d : +6
17 : #ab7f6d : +7
18 : #ab806d : +8
19 : #ab816d : +9
20 : #ab826d : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #8d8b8b : -26
3 : #908a89 : -24
5 : #928887 : -22
7 : #948784 : -20
9 : #978582 : -18
11 : #998480 : -16
13 : #9b827d : -14
15 : #9d817b : -12
17 : #a07f79 : -10
19 : #a27e76 : -8
21 : #a47c74 : -6
23 : #a77b72 : -4
25 : #a97970 : -2
27 : #ab786d : ±0
29 : #ae766b : +2
31 : #b07569 : +4
33 : #b27366 : +6
35 : #b47164 : +8
37 : #b77062 : +10
39 : #b96e5f : +12
41 : #bb6d5d : +14
43 : #be6b5b : +16
45 : #c06a59 : +18
47 : #c26856 : +20
49 : #c46754 : +22
51 : #c76552 : +24
53 : #c9644f : +26
55 : #cb624d : +28
57 : #ce614b : +30
59 : #d05f49 : +32
61 : #d25e46 : +34
63 : #d55c44 : +36
65 : #d75b42 : +38
67 : #d9593f : +40
69 : #db573d : +42
71 : #de563b : +44
73 : #e05438 : +46
75 : #e25336 : +48
77 : #e55134 : +50
79 : #e75032 : +52
81 : #e94e2f : +54
83 : #eb4d2d : +56
85 : #ee4b2b : +58
87 : #f04a28 : +60
89 : #f24826 : +62
91 : #f54724 : +64
93 : #f74522 : +66
95 : #f9441f : +68
97 : #fc421d : +70
99 : #fe411b : +72
L : 明度 ( 55% )
(0%) 暗い ~ 明るい (100%)
1 : #030202 : -54
3 : #0a0606 : -52
5 : #100a09 : -50
7 : #170f0d : -48
9 : #1d1311 : -46
11 : #241714 : -44
13 : #2a1b18 : -42
15 : #311f1c : -40
17 : #372420 : -38
19 : #3e2823 : -36
21 : #442c27 : -34
23 : #4a302b : -32
25 : #51342f : -30
27 : #573832 : -28
29 : #5e3d36 : -26
31 : #64413a : -24
33 : #6b453d : -22
35 : #714941 : -20
37 : #784d45 : -18
39 : #7e5249 : -16
41 : #85564c : -14
43 : #8b5a50 : -12
45 : #925e54 : -10
47 : #986257 : -8
49 : #9f665b : -6
51 : #a46c60 : -4
53 : #a87267 : -2
55 : #ab786d : ±0
57 : #af7e74 : +2
59 : #b3847a : +4
61 : #b68a81 : +6
63 : #ba9087 : +8
65 : #be968e : +10
67 : #c29c94 : +12
69 : #c5a29b : +14
71 : #c9a8a1 : +16
73 : #cdaea8 : +18
75 : #d0b4ae : +20
77 : #d4bab5 : +22
79 : #d8c0bb : +24
81 : #dcc6c1 : +26
83 : #dfccc8 : +28
85 : #e3d2ce : +30
87 : #e7d8d5 : +32
89 : #ebdedb : +34
91 : #eee4e2 : +36
93 : #f2eae8 : +38
95 : #f6f0ef : +40
97 : #f9f6f5 : +42
99 : #fdfcfc : +44
CSS入門、作ってます。
text-shadow