#ba87b1
RGB ( 赤 = 186, 緑 = 135, 青 = 177 )
HSL ( 色相 = 311°, 彩度 = 27%, 明度 = 63% )
H : 色相 ( 311° )
(0°) 赤~黄~緑~青~紫 (359°)
1 : #ba8887 : -310
11 : #ba9187 : -300
21 : #ba9987 : -290
31 : #baa187 : -280
41 : #baaa87 : -270
51 : #bab287 : -260
61 : #b9ba87 : -250
71 : #b1ba87 : -240
81 : #a8ba87 : -230
91 : #a0ba87 : -220
101 : #97ba87 : -210
111 : #8fba87 : -200
121 : #87ba88 : -190
131 : #87ba91 : -180
141 : #87ba99 : -170
151 : #87baa1 : -160
161 : #87baaa : -150
171 : #87bab2 : -140
181 : #87b9ba : -130
191 : #87b1ba : -120
201 : #87a8ba : -110
211 : #87a0ba : -100
221 : #8797ba : -90
231 : #878fba : -80
241 : #8887ba : -70
251 : #9187ba : -60
261 : #9987ba : -50
271 : #a187ba : -40
281 : #aa87ba : -30
291 : #b287ba : -20
301 : #ba87b9 : -10
311 : #ba87b1 : ±0
321 : #ba87a8 : +10
331 : #ba87a0 : +20
341 : #ba8797 : +30
351 : #ba878f : +40
301 : #ba87b9 : -10
302 : #ba87b8 : -9
303 : #ba87b8 : -8
304 : #ba87b7 : -7
305 : #ba87b6 : -6
306 : #ba87b5 : -5
307 : #ba87b4 : -4
308 : #ba87b3 : -3
309 : #ba87b2 : -2
310 : #ba87b2 : -1
311 : #ba87b1 : ±0
312 : #ba87b0 : +1
313 : #ba87af : +2
314 : #ba87ae : +3
315 : #ba87ad : +4
316 : #ba87ad : +5
317 : #ba87ac : +6
318 : #ba87ab : +7
319 : #ba87aa : +8
320 : #ba87a9 : +9
321 : #ba87a8 : +10
S : 彩度 ( 27% )
(0%) 渋い ~ 鮮やか (100%)
1 : #a2a0a1 : -26
3 : #a39ea2 : -24
5 : #a59ca4 : -22
7 : #a79aa5 : -20
9 : #a998a6 : -18
11 : #ab96a7 : -16
13 : #ad94a8 : -14
15 : #af92aa : -12
17 : #b191ab : -10
19 : #b38fac : -8
21 : #b48dad : -6
23 : #b68bae : -4
25 : #b889b0 : -2
27 : #ba87b1 : ±0
29 : #bc85b2 : +2
31 : #be83b3 : +4
33 : #c082b4 : +6
35 : #c280b6 : +8
37 : #c47eb7 : +10
39 : #c57cb8 : +12
41 : #c77ab9 : +14
43 : #c978ba : +16
45 : #cb76bc : +18
47 : #cd74bd : +20
49 : #cf72be : +22
51 : #d171bf : +24
53 : #d36fc0 : +26
55 : #d56dc2 : +28
57 : #d66bc3 : +30
59 : #d869c4 : +32
61 : #da67c5 : +34
63 : #dc65c6 : +36
65 : #de63c7 : +38
67 : #e061c9 : +40
69 : #e260ca : +42
71 : #e45ecb : +44
73 : #e65ccc : +46
75 : #e75acd : +48
77 : #e958cf : +50
79 : #eb56d0 : +52
81 : #ed54d1 : +54
83 : #ef52d2 : +56
85 : #f150d3 : +58
87 : #f34fd5 : +60
89 : #f54dd6 : +62
91 : #f74bd7 : +64
93 : #f849d8 : +66
95 : #fa47d9 : +68
97 : #fc45db : +70
99 : #fe43dc : +72
L : 明度 ( 63% )
(0%) 暗い ~ 明るい (100%)
1 : #030203 : -62
3 : #0a0609 : -60
5 : #10090f : -58
7 : #170d15 : -56
9 : #1d111b : -54
11 : #241421 : -52
13 : #2a1827 : -50
15 : #311c2d : -48
17 : #372033 : -46
19 : #3e2339 : -44
21 : #44273f : -42
23 : #4a2b45 : -40
25 : #512f4b : -38
27 : #573251 : -36
29 : #5e3657 : -34
31 : #643a5d : -32
33 : #6b3d63 : -30
35 : #714169 : -28
37 : #78456e : -26
39 : #7e4974 : -24
41 : #854c7a : -22
43 : #8b5080 : -20
45 : #925486 : -18
47 : #98578c : -16
49 : #9f5b92 : -14
51 : #a46097 : -12
53 : #a8679c : -10
55 : #ab6da0 : -8
57 : #af74a4 : -6
59 : #b37aa8 : -4
61 : #b681ad : -2
63 : #ba87b1 : ±0
65 : #be8eb5 : +2
67 : #c294b9 : +4
69 : #c59bbd : +6
71 : #c9a1c2 : +8
73 : #cda8c6 : +10
75 : #d0aeca : +12
77 : #d4b5ce : +14
79 : #d8bbd3 : +16
81 : #dcc1d7 : +18
83 : #dfc8db : +20
85 : #e3cedf : +22
87 : #e7d5e4 : +24
89 : #ebdbe8 : +26
91 : #eee2ec : +28
93 : #f2e8f0 : +30
95 : #f6eff4 : +32
97 : #f9f5f9 : +34
99 : #fdfcfd : +36
CSS入門、作ってます。
text-shadow