#8a3691
RGB ( 赤 = 138, 緑 = 54, 青 = 145 )
HSL ( 色相 = 295°, 彩度 = 46%, 明度 = 39% )
H : 色相 ( 295° )
(0°) 赤~黄~緑~青~紫 (359°)
5 : #913d36 : -290
15 : #914d36 : -280
25 : #915c36 : -270
35 : #916b36 : -260
45 : #917a36 : -250
55 : #918a36 : -240
65 : #8a9136 : -230
75 : #7a9136 : -220
85 : #6b9136 : -210
95 : #5c9136 : -200
105 : #4d9136 : -190
115 : #3d9136 : -180
125 : #36913d : -170
135 : #36914d : -160
145 : #36915c : -150
155 : #36916b : -140
165 : #36917a : -130
175 : #36918a : -120
185 : #368a91 : -110
195 : #367a91 : -100
205 : #366b91 : -90
215 : #365c91 : -80
225 : #364d91 : -70
235 : #363d91 : -60
245 : #3d3691 : -50
255 : #4d3691 : -40
265 : #5c3691 : -30
275 : #6b3691 : -20
285 : #7a3691 : -10
295 : #8a3691 : ±0
305 : #91368a : +10
315 : #91367a : +20
325 : #91366b : +30
335 : #91365c : +40
345 : #91364d : +50
355 : #91363d : +60
285 : #7a3691 : -10
286 : #7c3691 : -9
287 : #7d3691 : -8
288 : #7f3691 : -7
289 : #803691 : -6
290 : #823691 : -5
291 : #833691 : -4
292 : #853691 : -3
293 : #873691 : -2
294 : #883691 : -1
295 : #8a3691 : ±0
296 : #8b3691 : +1
297 : #8d3691 : +2
298 : #8e3691 : +3
299 : #903691 : +4
300 : #913691 : +5
301 : #913690 : +6
302 : #91368e : +7
303 : #91368d : +8
304 : #91368b : +9
305 : #91368a : +10
S : 彩度 ( 46% )
(0%) 渋い ~ 鮮やか (100%)
0 : #636363 : -46
2 : #656165 : -44
4 : #675f67 : -42
6 : #685d69 : -40
8 : #6a5b6b : -38
10 : #6c5a6d : -36
12 : #6d586f : -34
14 : #6f5671 : -32
16 : #715473 : -30
18 : #725275 : -28
20 : #745077 : -26
22 : #764e79 : -24
24 : #774c7b : -22
26 : #794a7d : -20
28 : #7b487f : -18
30 : #7c4681 : -16
32 : #7e4483 : -14
34 : #804285 : -12
36 : #814087 : -10
38 : #833e89 : -8
40 : #853c8b : -6
42 : #863a8d : -4
44 : #88388f : -2
46 : #8a3691 : ±0
48 : #8b3493 : +2
50 : #8d3295 : +4
52 : #8f3097 : +6
54 : #902e99 : +8
56 : #922c9b : +10
58 : #942a9d : +12
60 : #95289f : +14
62 : #9726a1 : +16
64 : #9824a3 : +18
66 : #9a22a5 : +20
68 : #9c20a7 : +22
70 : #9d1ea9 : +24
72 : #9f1cab : +26
74 : #a11aad : +28
76 : #a218af : +30
78 : #a416b1 : +32
80 : #a614b3 : +34
82 : #a712b5 : +36
84 : #a910b7 : +38
86 : #ab0eb9 : +40
88 : #ac0cbb : +42
90 : #ae0abd : +44
92 : #b008bf : +46
94 : #b106c1 : +48
96 : #b304c3 : +50
98 : #b502c5 : +52
100 : #b600c7 : +54
L : 明度 ( 39% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -38
3 : #0b040b : -36
5 : #120713 : -34
7 : #190a1a : -32
9 : #200c22 : -30
11 : #270f29 : -28
13 : #2e1230 : -26
15 : #351538 : -24
17 : #3c173f : -22
19 : #431a47 : -20
21 : #4a1d4e : -18
23 : #512056 : -16
25 : #58225d : -14
27 : #5f2565 : -12
29 : #66286c : -10
31 : #6d2b73 : -8
33 : #742d7b : -6
35 : #7b3082 : -4
37 : #83338a : -2
39 : #8a3691 : ±0
41 : #913899 : +2
43 : #983ba0 : +4
45 : #9f3ea8 : +6
47 : #a641af : +8
49 : #ad43b6 : +10
51 : #b249bc : +12
53 : #b550be : +14
55 : #b857c1 : +16
57 : #bb5fc4 : +18
59 : #bf66c7 : +20
61 : #c26ec9 : +22
63 : #c575cc : +24
65 : #c87dcf : +26
67 : #cb84d2 : +28
69 : #ce8cd4 : +30
71 : #d193d7 : +32
73 : #d59ada : +34
75 : #d8a2dd : +36
77 : #dba9df : +38
79 : #deb1e2 : +40
81 : #e1b8e5 : +42
83 : #e4c0e8 : +44
85 : #e7c7ea : +46
87 : #ebcfed : +48
89 : #eed6f0 : +50
91 : #f1ddf3 : +52
93 : #f4e5f5 : +54
95 : #f7ecf8 : +56
97 : #faf4fb : +58
99 : #fdfbfe : +60
CSS入門、作ってます。
text-shadow