#8a4c82
RGB ( 赤 = 138, 緑 = 76, 青 = 130 )
HSL ( 色相 = 308°, 彩度 = 29%, 明度 = 42% )
H : 色相 ( 308° )
(0°) 赤~黄~緑~青~紫 (359°)
8 : #8a544c : -300
18 : #8a5f4c : -290
28 : #8a694c : -280
38 : #8a734c : -270
48 : #8a7e4c : -260
58 : #8a884c : -250
68 : #828a4c : -240
78 : #788a4c : -230
88 : #6d8a4c : -220
98 : #638a4c : -210
108 : #588a4c : -200
118 : #4e8a4c : -190
128 : #4c8a54 : -180
138 : #4c8a5f : -170
148 : #4c8a69 : -160
158 : #4c8a73 : -150
168 : #4c8a7e : -140
178 : #4c8a88 : -130
188 : #4c828a : -120
198 : #4c788a : -110
208 : #4c6d8a : -100
218 : #4c638a : -90
228 : #4c588a : -80
238 : #4c4e8a : -70
248 : #544c8a : -60
258 : #5f4c8a : -50
268 : #694c8a : -40
278 : #734c8a : -30
288 : #7e4c8a : -20
298 : #884c8a : -10
308 : #8a4c82 : ±0
318 : #8a4c78 : +10
328 : #8a4c6d : +20
338 : #8a4c63 : +30
348 : #8a4c58 : +40
358 : #8a4c4e : +50
298 : #884c8a : -10
299 : #894c8a : -9
300 : #8a4c8a : -8
301 : #8a4c89 : -7
302 : #8a4c88 : -6
303 : #8a4c87 : -5
304 : #8a4c86 : -4
305 : #8a4c85 : -3
306 : #8a4c84 : -2
307 : #8a4c83 : -1
308 : #8a4c82 : ±0
309 : #8a4c81 : +1
310 : #8a4c80 : +2
311 : #8a4c7f : +3
312 : #8a4c7e : +4
313 : #8a4c7d : +5
314 : #8a4c7c : +6
315 : #8a4c7b : +7
316 : #8a4c7a : +8
317 : #8a4c79 : +9
318 : #8a4c78 : +10
S : 彩度 ( 29% )
(0%) 渋い ~ 鮮やか (100%)
1 : #6c6a6c : -28
3 : #6e686d : -26
5 : #70666f : -24
7 : #736471 : -22
9 : #756172 : -20
11 : #775f74 : -18
13 : #795d75 : -16
15 : #7b5b77 : -14
17 : #7d5978 : -12
19 : #7f577a : -10
21 : #82557c : -8
23 : #84527d : -6
25 : #86507f : -4
27 : #884e80 : -2
29 : #8a4c82 : ±0
31 : #8c4a83 : +2
33 : #8e4885 : +4
35 : #914687 : +6
37 : #934388 : +8
39 : #95418a : +10
41 : #973f8b : +12
43 : #993d8d : +14
45 : #9b3b8e : +16
47 : #9d3990 : +18
49 : #a03792 : +20
51 : #a23493 : +22
53 : #a43295 : +24
55 : #a63096 : +26
57 : #a82e98 : +28
59 : #aa2c99 : +30
61 : #ac2a9b : +32
63 : #af289d : +34
65 : #b1259e : +36
67 : #b323a0 : +38
69 : #b521a1 : +40
71 : #b71fa3 : +42
73 : #b91da4 : +44
75 : #bb1ba6 : +46
77 : #be19a8 : +48
79 : #c016a9 : +50
81 : #c214ab : +52
83 : #c412ac : +54
85 : #c610ae : +56
87 : #c80eaf : +58
89 : #ca0cb1 : +60
91 : #cd0ab3 : +62
93 : #cf07b4 : +64
95 : #d105b6 : +66
97 : #d303b7 : +68
99 : #d501b9 : +70
L : 明度 ( 42% )
(0%) 暗い ~ 明るい (100%)
0 : #000000 : -42
2 : #070406 : -40
4 : #0d070c : -38
6 : #140b13 : -36
8 : #1a0e19 : -34
10 : #21121f : -32
12 : #271625 : -30
14 : #2e192b : -28
16 : #351d31 : -26
18 : #3b2138 : -24
20 : #42243e : -22
22 : #482844 : -20
24 : #4f2b4a : -18
26 : #562f50 : -16
28 : #5c3357 : -14
30 : #63365d : -12
32 : #693a63 : -10
34 : #703e69 : -8
36 : #76416f : -6
38 : #7d4576 : -4
40 : #84487c : -2
42 : #8a4c82 : ±0
44 : #915088 : +2
46 : #97538e : +4
48 : #9e5794 : +6
50 : #a45b9b : +8
52 : #a8619f : +10
54 : #ac68a3 : +12
56 : #af6ea7 : +14
58 : #b375ab : +16
60 : #b77baf : +18
62 : #ba82b3 : +20
64 : #be89b7 : +22
66 : #c18fbb : +24
68 : #c596bf : +26
70 : #c99cc3 : +28
72 : #cca3c7 : +30
74 : #d0a9cb : +32
76 : #d4b0cf : +34
78 : #d7b7d3 : +36
80 : #dbbdd7 : +38
82 : #dec4db : +40
84 : #e2cadf : +42
86 : #e6d1e3 : +44
88 : #e9d8e7 : +46
90 : #eddeeb : +48
92 : #f1e5ef : +50
94 : #f4ebf3 : +52
96 : #f8f2f7 : +54
98 : #fbf8fb : +56
100 : #ffffff : +58
CSS入門、作ってます。
text-shadow