#8a5e88
RGB ( 赤 = 138, 緑 = 94, 青 = 136 )
HSL ( 色相 = 303°, 彩度 = 19%, 明度 = 45% )
H : 色相 ( 303° )
(0°) 赤~黄~緑~青~紫 (359°)
3 : #895f5d : -300
13 : #89665d : -290
23 : #896e5d : -280
33 : #89755d : -270
43 : #897c5d : -260
53 : #89835d : -250
63 : #86895d : -240
73 : #7f895d : -230
83 : #78895d : -220
93 : #71895d : -210
103 : #69895d : -200
113 : #62895d : -190
123 : #5d895f : -180
133 : #5d8966 : -170
143 : #5d896e : -160
153 : #5d8975 : -150
163 : #5d897c : -140
173 : #5d8983 : -130
183 : #5d8689 : -120
193 : #5d7f89 : -110
203 : #5d7889 : -100
213 : #5d7189 : -90
223 : #5d6989 : -80
233 : #5d6289 : -70
243 : #5f5d89 : -60
253 : #665d89 : -50
263 : #6e5d89 : -40
273 : #755d89 : -30
283 : #7c5d89 : -20
293 : #835d89 : -10
303 : #895d86 : ±0
313 : #895d7f : +10
323 : #895d78 : +20
333 : #895d71 : +30
343 : #895d69 : +40
353 : #895d62 : +50
293 : #835d89 : -10
294 : #845d89 : -9
295 : #855d89 : -8
296 : #865d89 : -7
297 : #865d89 : -6
298 : #875d89 : -5
299 : #885d89 : -4
300 : #895d89 : -3
301 : #895d88 : -2
302 : #895d87 : -1
303 : #895d86 : ±0
304 : #895d86 : +1
305 : #895d85 : +2
306 : #895d84 : +3
307 : #895d83 : +4
308 : #895d83 : +5
309 : #895d82 : +6
310 : #895d81 : +7
311 : #895d81 : +8
312 : #895d80 : +9
313 : #895d7f : +10
S : 彩度 ( 19% )
(0%) 渋い ~ 鮮やか (100%)
1 : #747274 : -18
3 : #766f76 : -16
5 : #786d78 : -14
7 : #7b6b7a : -12
9 : #7d687c : -10
11 : #7f667e : -8
13 : #826480 : -6
15 : #846282 : -4
17 : #865f84 : -2
19 : #895d86 : ±0
21 : #8b5b88 : +2
23 : #8d588b : +4
25 : #8f568d : +6
27 : #92548f : +8
29 : #945191 : +10
31 : #964f93 : +12
33 : #994d95 : +14
35 : #9b4b97 : +16
37 : #9d4899 : +18
39 : #a0469b : +20
41 : #a2449d : +22
43 : #a4419f : +24
45 : #a63fa1 : +26
47 : #a93da3 : +28
49 : #ab3ba5 : +30
51 : #ad38a7 : +32
53 : #b036a9 : +34
55 : #b234ac : +36
57 : #b431ae : +38
59 : #b62fb0 : +40
61 : #b92db2 : +42
63 : #bb2ab4 : +44
65 : #bd28b6 : +46
67 : #c026b8 : +48
69 : #c224ba : +50
71 : #c421bc : +52
73 : #c71fbe : +54
75 : #c91dc0 : +56
77 : #cb1ac2 : +58
79 : #cd18c4 : +60
81 : #d016c6 : +62
83 : #d214c8 : +64
85 : #d411cb : +66
87 : #d70fcd : +68
89 : #d90dcf : +70
91 : #db0ad1 : +72
93 : #dd08d3 : +74
95 : #e006d5 : +76
97 : #e203d7 : +78
99 : #e401d9 : +80
L : 明度 ( 45% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -44
3 : #090609 : -42
5 : #0f0a0f : -40
7 : #150e15 : -38
9 : #1b131b : -36
11 : #211721 : -34
13 : #271b27 : -32
15 : #2e1f2d : -30
17 : #342333 : -28
19 : #3a2739 : -26
21 : #402b3f : -24
23 : #463045 : -22
25 : #4c344b : -20
27 : #523851 : -18
29 : #583c57 : -16
31 : #5e405d : -14
33 : #644463 : -12
35 : #6a4869 : -10
37 : #704c6e : -8
39 : #765174 : -6
41 : #7c557a : -4
43 : #825980 : -2
45 : #895d86 : ±0
47 : #8f618c : +2
49 : #956592 : +4
51 : #9a6a97 : +6
53 : #9e709c : +8
55 : #a276a0 : +10
57 : #a67da4 : +12
59 : #aa83a8 : +14
61 : #ae89ad : +16
63 : #b38fb1 : +18
65 : #b795b5 : +20
67 : #bb9bb9 : +22
69 : #bfa1bd : +24
71 : #c3a7c2 : +26
73 : #c7adc6 : +28
75 : #cbb3ca : +30
77 : #cfb9ce : +32
79 : #d4bfd3 : +34
81 : #d8c5d7 : +36
83 : #dccbdb : +38
85 : #e0d1df : +40
87 : #e4d8e4 : +42
89 : #e8dee8 : +44
91 : #ece4ec : +46
93 : #f1eaf0 : +48
95 : #f5f0f4 : +50
97 : #f9f6f9 : +52
99 : #fdfcfd : +54
CSS入門、作ってます。
text-shadow