Color

颜色转换器

HEX / RGB / HSL / HSV 实时互转，含调色板和透明度调节。

取色器

预设

HEX

RGB / RGBA

RGBA

rgba(59, 130, 246, 1)

HSL / HSLA

HS %L %

hsla(217, 91%, 60%, 1)

HSV

hsv(217, 91%, 76%)

其他

CSS HEX#3B82F6

CSS RGBrgb(59, 130, 246)

CSS HSLhsl(217, 91%, 60%)

常见问题

关于这个工具的常见疑问

HEX 最适合 CSS 静态颜色（简洁）；RGB 适合 JS 计算（直接对应像素值）；HSL 最适合调色（H 改色相、S 改饱和度、L 改明暗）。设计稿一般给 HEX，动效调色用 HSL。