除了常规的英语单词(如pink), rgb、rgba等颜色表示,svg中还可以使用HSL
H(颜色)S(饱和度)L(亮度)A(透明度)
H
: 取值范围 [0, 359]
S、L
:取值范围 [0, 100] %
A
:非必填,取值范围 [0, 1]
如:
<svg>
<rect stroke="hsla(0, 50%, 60%, 0.5)" stroke-width="2" width="100" height="100" fill="none" x="10" y="10"></rect>
</svg>