#9b3688
RGB ( 赤 = 155, 緑 = 54, 青 = 136 )
HSL ( 色相 = 311°, 彩度 = 48%, 明度 = 41% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #9b3836 : -310
11 : #9b4936 : -300
21 : #9b5936 : -290
31 : #9b6a36 : -280
41 : #9b7b36 : -270
51 : #9b8c36 : -260
61 : #999b36 : -250
71 : #889b36 : -240
81 : #789b36 : -230
91 : #679b36 : -220
101 : #569b36 : -210
111 : #459b36 : -200
121 : #369b38 : -190
131 : #369b49 : -180
141 : #369b59 : -170
151 : #369b6a : -160
161 : #369b7b : -150
171 : #369b8c : -140
181 : #36999b : -130
191 : #36889b : -120
201 : #36789b : -110
211 : #36679b : -100
221 : #36569b : -90
231 : #36459b : -80
241 : #38369b : -70
251 : #49369b : -60
261 : #59369b : -50
271 : #6a369b : -40
281 : #7b369b : -30
291 : #8c369b : -20
301 : #9b3699 : -10
311 : #9b3688 : ±0
321 : #9b3678 : +10
331 : #9b3667 : +20
341 : #9b3656 : +30
351 : #9b3645 : +40
301 : #9b3699 : -10
302 : #9b3697 : -9
303 : #9b3696 : -8
304 : #9b3694 : -7
305 : #9b3692 : -6
306 : #9b3691 : -5
307 : #9b368f : -4
308 : #9b368d : -3
309 : #9b368c : -2
310 : #9b368a : -1
311 : #9b3688 : ±0
312 : #9b3687 : +1
313 : #9b3685 : +2
314 : #9b3683 : +3
315 : #9b3682 : +4
316 : #9b3680 : +5
317 : #9b367e : +6
318 : #9b367d : +7
319 : #9b367b : +8
320 : #9b3679 : +9
321 : #9b3678 : +10
S : 彩度 ( 48% )
(0%) 渋い ~ 鮮やか (100%)
0 : #686868 : -48
2 : #6b666a : -46
4 : #6d646b : -44
6 : #6f626d : -42
8 : #71606e : -40
10 : #735e6f : -38
12 : #755c70 : -36
14 : #775a72 : -34
16 : #795873 : -32
18 : #7b5674 : -30
20 : #7d5476 : -28
22 : #805277 : -26
24 : #824f78 : -24
26 : #844d7a : -22
28 : #864b7b : -20
30 : #88497c : -18
32 : #8a477e : -16
34 : #8c457f : -14
36 : #8e4380 : -12
38 : #904182 : -10
40 : #923f83 : -8
42 : #943d84 : -6
44 : #973b86 : -4
46 : #993887 : -2
48 : #9b3688 : ±0
50 : #9d348a : +2
52 : #9f328b : +4
54 : #a1308c : +6
56 : #a32e8e : +8
58 : #a52c8f : +10
60 : #a72a90 : +12
62 : #a92892 : +14
64 : #ab2693 : +16
66 : #ae2494 : +18
68 : #b02196 : +20
70 : #b21f97 : +22
72 : #b41d98 : +24
74 : #b61b9a : +26
76 : #b8199b : +28
78 : #ba179c : +30
80 : #bc159e : +32
82 : #be139f : +34
84 : #c011a0 : +36
86 : #c20fa1 : +38
88 : #c50da3 : +40
90 : #c70aa4 : +42
92 : #c908a5 : +44
94 : #cb06a7 : +46
96 : #cd04a8 : +48
98 : #cf02a9 : +50
100 : #d100ab : +52
L : 明度 ( 41% )
(0%) 暗い ~ 明るい (100%)
1 : #040103 : -40
3 : #0b040a : -38
5 : #130711 : -36
7 : #1a0917 : -34
9 : #220c1e : -32
11 : #2a0f25 : -30
13 : #31112b : -28
15 : #391432 : -26
17 : #401739 : -24
19 : #48193f : -22
21 : #4f1c46 : -20
23 : #571e4c : -18
25 : #5e2153 : -16
27 : #66245a : -14
29 : #6d2660 : -12
31 : #752967 : -10
33 : #7d2c6e : -8
35 : #842e74 : -6
37 : #8c317b : -4
39 : #933482 : -2
41 : #9b3688 : ±0
43 : #a2398f : +2
45 : #aa3c96 : +4
47 : #b13e9c : +6
49 : #b941a3 : +8
51 : #be46a8 : +10
53 : #c14eac : +12
55 : #c355af : +14
57 : #c65db3 : +16
59 : #c964b6 : +18
61 : #cb6cba : +20
63 : #ce73bd : +22
65 : #d17bc1 : +24
67 : #d382c4 : +26
69 : #d68ac8 : +28
71 : #d992cc : +30
73 : #db99cf : +32
75 : #dea1d3 : +34
77 : #e1a8d6 : +36
79 : #e3b0da : +38
81 : #e6b7dd : +40
83 : #e8bfe1 : +42
85 : #ebc6e4 : +44
87 : #eecee8 : +46
89 : #f0d5eb : +48
91 : #f3ddef : +50
93 : #f6e5f3 : +52
95 : #f8ecf6 : +54
97 : #fbf4fa : +56
99 : #fefbfd : +58
CSS入門、作ってます。
text-shadow