除了惯例的英语单词(如 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>