#8a5176
RGB ( 赤 = 138, 緑 = 81, 青 = 118 )
HSL ( 色相 = 321°, 彩度 = 26%, 明度 = 43% )
H : 色相 ( 321° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #8a5251 : -320
11 : #8a5c51 : -310
21 : #8a6551 : -300
31 : #8a6f51 : -290
41 : #8a7851 : -280
51 : #8a8251 : -270
61 : #898a51 : -260
71 : #808a51 : -250
81 : #768a51 : -240
91 : #6d8a51 : -230
101 : #638a51 : -220
111 : #5a8a51 : -210
121 : #518a52 : -200
131 : #518a5c : -190
141 : #518a65 : -180
151 : #518a6f : -170
161 : #518a78 : -160
171 : #518a82 : -150
181 : #51898a : -140
191 : #51808a : -130
201 : #51768a : -120
211 : #516d8a : -110
221 : #51638a : -100
231 : #515a8a : -90
241 : #52518a : -80
251 : #5c518a : -70
261 : #65518a : -60
271 : #6f518a : -50
281 : #78518a : -40
291 : #82518a : -30
301 : #8a5189 : -20
311 : #8a5180 : -10
321 : #8a5176 : ±0
331 : #8a516d : +10
341 : #8a5163 : +20
351 : #8a515a : +30
311 : #8a5180 : -10
312 : #8a517f : -9
313 : #8a517e : -8
314 : #8a517d : -7
315 : #8a517c : -6
316 : #8a517b : -5
317 : #8a517a : -4
318 : #8a5179 : -3
319 : #8a5178 : -2
320 : #8a5177 : -1
321 : #8a5176 : ±0
322 : #8a5175 : +1
323 : #8a5174 : +2
324 : #8a5173 : +3
325 : #8a5172 : +4
326 : #8a5171 : +5
327 : #8a5171 : +6
328 : #8a5170 : +7
329 : #8a516f : +8
330 : #8a516e : +9
331 : #8a516d : +10
S : 彩度 ( 26% )
(0%) 渋い ~ 鮮やか (100%)
0 : #6d6d6d : -26
2 : #706b6e : -24
4 : #72696f : -22
6 : #746770 : -20
8 : #766570 : -18
10 : #796371 : -16
12 : #7b6072 : -14
14 : #7d5e72 : -12
16 : #7f5c73 : -10
18 : #815a74 : -8
20 : #845874 : -6
22 : #865675 : -4
24 : #885376 : -2
26 : #8a5176 : ±0
28 : #8c4f77 : +2
30 : #8f4d78 : +4
32 : #914b78 : +6
34 : #934879 : +8
36 : #954679 : +10
38 : #97447a : +12
40 : #9a427b : +14
42 : #9c407b : +16
44 : #9e3d7c : +18
46 : #a03b7d : +20
48 : #a2397d : +22
50 : #a4377e : +24
52 : #a7357f : +26
54 : #a9327f : +28
56 : #ab3080 : +30
58 : #ad2e81 : +32
60 : #af2c81 : +34
62 : #b22a82 : +36
64 : #b42783 : +38
66 : #b62583 : +40
68 : #b82384 : +42
70 : #ba2185 : +44
72 : #bd1f85 : +46
74 : #bf1d86 : +48
76 : #c11a87 : +50
78 : #c31887 : +52
80 : #c51688 : +54
82 : #c81489 : +56
84 : #ca1289 : +58
86 : #cc0f8a : +60
88 : #ce0d8b : +62
90 : #d00b8b : +64
92 : #d3098c : +66
94 : #d5078d : +68
96 : #d7048d : +70
98 : #d9028e : +72
100 : #db008f : +74
L : 明度 ( 43% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -42
3 : #0a0608 : -40
5 : #10090e : -38
7 : #160d13 : -36
9 : #1d1119 : -34
11 : #23151e : -32
13 : #2a1924 : -30
15 : #301c29 : -28
17 : #37202f : -26
19 : #3d2434 : -24
21 : #43283a : -22
23 : #4a2b3f : -20
25 : #502f45 : -18
27 : #57334a : -16
29 : #5d3750 : -14
31 : #643a55 : -12
33 : #6a3e5b : -10
35 : #704260 : -8
37 : #774666 : -6
39 : #7d4a6b : -4
41 : #844d71 : -2
43 : #8a5176 : ±0
45 : #91557c : +2
47 : #975981 : +4
49 : #9d5c87 : +6
51 : #a3628c : +8
53 : #a66890 : +10
55 : #aa6e95 : +12
57 : #ae759a : +14
59 : #b27b9f : +16
61 : #b582a3 : +18
63 : #b988a8 : +20
65 : #bd8fad : +22
67 : #c195b1 : +24
69 : #c59bb6 : +26
71 : #c8a2bb : +28
73 : #cca8c0 : +30
75 : #d0afc4 : +32
77 : #d4b5c9 : +34
79 : #d7bcce : +36
81 : #dbc2d2 : +38
83 : #dfc8d7 : +40
85 : #e3cfdc : +42
87 : #e6d5e0 : +44
89 : #eadce5 : +46
91 : #eee2ea : +48
93 : #f2e9ef : +50
95 : #f6eff3 : +52
97 : #f9f5f8 : +54
99 : #fdfcfd : +56
CSS入門、作ってます。
text-shadow