#a58a78
RGB ( 赤 = 165, 緑 = 138, 青 = 120 )
HSL ( 色相 = 24°, 彩度 = 20%, 明度 = 56% )
H : 色相 ( 24° )
(0°) 赤~黄~緑~青~紫 (359°)
4 : #a57b78 : -20
14 : #a58378 : -10
24 : #a58a78 : ±0
34 : #a59278 : +10
44 : #a59978 : +20
54 : #a5a178 : +30
64 : #a2a578 : +40
74 : #9ba578 : +50
84 : #93a578 : +60
94 : #8ca578 : +70
104 : #84a578 : +80
114 : #7da578 : +90
124 : #78a57b : +100
134 : #78a583 : +110
144 : #78a58a : +120
154 : #78a592 : +130
164 : #78a599 : +140
174 : #78a5a1 : +150
184 : #78a2a5 : +160
194 : #789ba5 : +170
204 : #7893a5 : +180
214 : #788ca5 : +190
224 : #7884a5 : +200
234 : #787da5 : +210
244 : #7b78a5 : +220
254 : #8378a5 : +230
264 : #8a78a5 : +240
274 : #9278a5 : +250
284 : #9978a5 : +260
294 : #a178a5 : +270
304 : #a578a2 : +280
314 : #a5789b : +290
324 : #a57893 : +300
334 : #a5788c : +310
344 : #a57884 : +320
354 : #a5787d : +330
14 : #a58378 : -10
15 : #a58478 : -9
16 : #a58478 : -8
17 : #a58578 : -7
18 : #a58678 : -6
19 : #a58778 : -5
20 : #a58778 : -4
21 : #a58878 : -3
22 : #a58978 : -2
23 : #a58a78 : -1
24 : #a58a78 : ±0
25 : #a58b78 : +1
26 : #a58c78 : +2
27 : #a58d78 : +3
28 : #a58d78 : +4
29 : #a58e78 : +5
30 : #a58f78 : +6
31 : #a59078 : +7
32 : #a59078 : +8
33 : #a59178 : +9
34 : #a59278 : +10
S : 彩度 ( 20% )
(0%) 渋い ~ 鮮やか (100%)
0 : #8e8e8e : -20
2 : #918e8d : -18
4 : #938e8a : -16
6 : #968d88 : -14
8 : #988d86 : -12
10 : #9a8d84 : -10
12 : #9c8c81 : -8
14 : #9f8c7f : -6
16 : #a18b7d : -4
18 : #a38b7b : -2
20 : #a58a78 : ±0
22 : #a78a76 : +2
24 : #aa8974 : +4
26 : #ac8972 : +6
28 : #ae896f : +8
30 : #b0886d : +10
32 : #b3886b : +12
34 : #b58769 : +14
36 : #b78766 : +16
38 : #b98664 : +18
40 : #bc8662 : +20
42 : #be8560 : +22
44 : #c0855d : +24
46 : #c2845b : +26
48 : #c58459 : +28
50 : #c78457 : +30
52 : #c98354 : +32
54 : #cb8352 : +34
56 : #ce8250 : +36
58 : #d0824e : +38
60 : #d2814b : +40
62 : #d48149 : +42
64 : #d78047 : +44
66 : #d98045 : +46
68 : #db8043 : +48
70 : #dd7f40 : +50
72 : #e07f3e : +52
74 : #e27e3c : +54
76 : #e47e3a : +56
78 : #e67d37 : +58
80 : #e97d35 : +60
82 : #eb7c33 : +62
84 : #ed7c31 : +64
86 : #ef7c2e : +66
88 : #f27b2c : +68
90 : #f47b2a : +70
92 : #f67a28 : +72
94 : #f87a25 : +74
96 : #fb7923 : +76
98 : #fd7921 : +78
100 : #ff781f : +80
L : 明度 ( 56% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -56
2 : #060504 : -54
4 : #0c0a08 : -52
6 : #120f0c : -50
8 : #181410 : -48
10 : #1f1814 : -46
12 : #251d18 : -44
14 : #2b221d : -42
16 : #312721 : -40
18 : #372c25 : -38
20 : #3d3129 : -36
22 : #43362d : -34
24 : #493b31 : -32
26 : #504035 : -30
28 : #564539 : -28
30 : #5c493d : -26
32 : #624e41 : -24
34 : #685345 : -22
36 : #6e5849 : -20
38 : #745d4e : -18
40 : #7a6252 : -16
42 : #816756 : -14
44 : #876c5a : -12
46 : #8d715e : -10
48 : #937662 : -8
50 : #997a66 : -6
52 : #9d806c : -4
54 : #a18572 : -2
56 : #a58a78 : ±0
58 : #a9907e : +2
60 : #ad9585 : +4
62 : #b19a8b : +6
64 : #b6a091 : +8
66 : #baa597 : +10
68 : #beaa9d : +12
70 : #c2afa3 : +14
72 : #c6b5a9 : +16
74 : #cabaaf : +18
76 : #cebfb6 : +20
78 : #d2c5bc : +22
80 : #d6cac2 : +24
82 : #dacfc8 : +26
84 : #ded5ce : +28
86 : #e2dad4 : +30
88 : #e7dfda : +32
90 : #ebe4e0 : +34
92 : #efeae7 : +36
94 : #f3efed : +38
96 : #f7f4f3 : +40
98 : #fbfaf9 : +42
100 : #ffffff : +44
CSS入門、作ってます。
text-shadow