颜色转换

在 HEX、RGB、HSL、HSV 之间转换颜色，实时预览。支持取色器选色或粘贴任意 CSS 颜色值，一键复制所需格式。

颜色（取色或粘贴）

预览

HEX

RGB

HSL

HSV

使用方法

同一颜色在不同场景写法不同：HEX（#4f46e5）紧凑，是 CSS 中最常见的形式；RGB 直接展示红/绿/蓝通道；HSL 以色相、饱和度、亮度描述颜色，是手工构造深浅色与配色关系时最直观的模型。

可以用取色器直观选色，或直接粘贴任一支持格式的颜色值——其余格式即时同步更新，每种格式都有一键复制按钮。

HSL 和 HSV 有什么区别？

两者都描述色相与饱和度，但第三个轴不同：HSL 用亮度（50% 是纯色），HSV 用明度（100% 是纯色）。设计工具多用 HSL，部分图形工具用 HSV。

为什么粘贴的颜色无法解析？

输入框支持 #abc、#aabbcc、#aabbccdd 与 rgb(r, g, b) 写法。hsl() 或英文颜色名暂不解析——请先转换或使用取色器。