颜色转换 - 常见问题

RGB、HEX、HSL 有什么区别？

HEX（#FF5733）前端开发最常用，6 位十六进制分别表示红、绿、蓝。

RGB（rgb(255, 87, 51)）直观显示三原色分量，范围 0-255。

HSL（hsl(11, 100%, 60%)）用色相、饱和度、亮度表示，更符合人眼感知。

如何在 CSS 中使用？

background: #ff5733;           /* HEX */
background: rgb(255, 87, 51);   /* RGB */
background: hsl(11, 100%, 60%); /* HSL */
background: rgba(255,87,51,.5); /* 带透明度 */