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