#981b81
RGB ( 赤 = 152, 緑 = 27, 青 = 129 )
HSL ( 色相 = 311°, 彩度 = 70%, 明度 = 35% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #981d1b : -310
11 : #98321b : -300
21 : #98471b : -290
31 : #985b1b : -280
41 : #98701b : -270
51 : #98851b : -260
61 : #96981b : -250
71 : #81981b : -240
81 : #6c981b : -230
91 : #57981b : -220
101 : #42981b : -210
111 : #2e981b : -200
121 : #1b981d : -190
131 : #1b9832 : -180
141 : #1b9847 : -170
151 : #1b985b : -160
161 : #1b9870 : -150
171 : #1b9885 : -140
181 : #1b9698 : -130
191 : #1b8198 : -120
201 : #1b6c98 : -110
211 : #1b5798 : -100
221 : #1b4298 : -90
231 : #1b2e98 : -80
241 : #1d1b98 : -70
251 : #321b98 : -60
261 : #471b98 : -50
271 : #5b1b98 : -40
281 : #701b98 : -30
291 : #851b98 : -20
301 : #981b96 : -10
311 : #981b81 : ±0
321 : #981b6c : +10
331 : #981b57 : +20
341 : #981b42 : +30
351 : #981b2e : +40
301 : #981b96 : -10
302 : #981b94 : -9
303 : #981b91 : -8
304 : #981b8f : -7
305 : #981b8d : -6
306 : #981b8b : -5
307 : #981b89 : -4
308 : #981b87 : -3
309 : #981b85 : -2
310 : #981b83 : -1
311 : #981b81 : ±0
312 : #981b7f : +1
313 : #981b7d : +2
314 : #981b7b : +3
315 : #981b78 : +4
316 : #981b76 : +5
317 : #981b74 : +6
318 : #981b72 : +7
319 : #981b70 : +8
320 : #981b6e : +9
321 : #981b6c : +10
S : 彩度 ( 70% )
(0%) 渋い ~ 鮮やか (100%)
0 : #595959 : -70
2 : #5b575a : -68
4 : #5d565c : -66
6 : #5f545d : -64
8 : #60525e : -62
10 : #62505f : -60
12 : #644f60 : -58
14 : #664d61 : -56
16 : #684b62 : -54
18 : #694963 : -52
20 : #6b4765 : -50
22 : #6d4666 : -48
24 : #6f4467 : -46
26 : #704268 : -44
28 : #724069 : -42
30 : #743e6a : -40
32 : #763d6b : -38
34 : #783b6c : -36
36 : #79396e : -34
38 : #7b376f : -32
40 : #7d3670 : -30
42 : #7f3471 : -28
44 : #813272 : -26
46 : #823073 : -24
48 : #842e74 : -22
50 : #862d76 : -20
52 : #882b77 : -18
54 : #892978 : -16
56 : #8b2779 : -14
58 : #8d257a : -12
60 : #8f247b : -10
62 : #91227c : -8
64 : #92207d : -6
66 : #941e7f : -4
68 : #961d80 : -2
70 : #981b81 : ±0
72 : #9a1982 : +2
74 : #9b1783 : +4
76 : #9d1584 : +6
78 : #9f1485 : +8
80 : #a11286 : +10
82 : #a21088 : +12
84 : #a40e89 : +14
86 : #a60c8a : +16
88 : #a80b8b : +18
90 : #aa098c : +20
92 : #ab078d : +22
94 : #ad058e : +24
96 : #af0490 : +26
98 : #b10291 : +28
100 : #b30092 : +30
L : 明度 ( 35% )
(0%) 暗い ~ 明るい (100%)
1 : #040104 : -34
3 : #0d020b : -32
5 : #160412 : -30
7 : #1e051a : -28
9 : #270721 : -26
11 : #300828 : -24
13 : #380a30 : -22
15 : #410b37 : -20
17 : #4a0d3f : -18
19 : #520f46 : -16
21 : #5b104d : -14
23 : #641255 : -12
25 : #6c135c : -10
27 : #751563 : -8
29 : #7e166b : -6
31 : #861872 : -4
33 : #8f1979 : -2
35 : #981b81 : ±0
37 : #a01c88 : +2
39 : #a91e90 : +4
41 : #b21f97 : +6
43 : #ba219e : +8
45 : #c322a6 : +10
47 : #cc24ad : +12
49 : #d425b4 : +14
51 : #da2bb9 : +16
53 : #db33bc : +18
55 : #dd3cbf : +20
57 : #de45c2 : +22
59 : #e04dc5 : +24
61 : #e156c8 : +26
63 : #e35fca : +28
65 : #e467cd : +30
67 : #e670d0 : +32
69 : #e779d3 : +34
71 : #e981d6 : +36
73 : #ea8ad9 : +38
75 : #ec93dc : +40
77 : #ed9bde : +42
79 : #efa4e1 : +44
81 : #f0ade4 : +46
83 : #f2b5e7 : +48
85 : #f4beea : +50
87 : #f5c7ed : +52
89 : #f7cfef : +54
91 : #f8d8f2 : +56
93 : #fae1f5 : +58
95 : #fbe9f8 : +60
97 : #fdf2fb : +62
99 : #fefbfe : +64
CSS入門、作ってます。
text-shadow