颜色模型是颜色的数学表示。HEX 使用十六进制表示法,RGB 将颜色表示为红/绿/蓝光组合,HSL 使用色相/饱和度/亮度描述颜色。每种模型在设计和开发中有不同的用途。
对于网页 CSS 使用 HEX(紧凑且广泛支持),对于 JavaScript 画布工作和图像处理使用 RGB,以及在需要以编程方式调整颜色变化(亮度、饱和度)或创建和谐的调色板时使用 HSL。
RGB 将颜色表示为三个十进制数字(0-255),分别对应红、绿、蓝。HEX 是相同的概念,但使用十六进制表示法(#RRGGBB)。它们表示相同的颜色空间——HEX 只是 CSS 中常用的更紧凑的表示法。
HSL 非常适合以编程方式创建颜色变化。您可以通过调整亮度轻松生成更亮/更暗的版本,通过改变饱和度创建柔和/鲜艳的变体,或者通过旋转色相生成配色方案,同时保持饱和度和亮度不变。
是的!该工具可以转换标准 RGB 颜色空间内的所有颜色(1670 万种颜色)。但是,它不处理透明度/alpha 通道——为此,您需要 RGBA 或 HSLA 格式,其中包括不透明度值。
目前不可以。该工具转换 RGB、HEX 和 HSL——均不包含 alpha/透明度。对于带透明度的颜色,您需要 RGBA(rgb(255,0,0,0.5))、HEXA (#FF000080) 或 HSLA 格式,其中包括作为第四个值的不透明通道。