颜色值转换
HEX、RGB、HSL、HSV 四种格式任意一处输入，其余三种即时同步，附取色器、色板预览与 CSS 变量输出。
颜色输入 / Input
改任一栏
系统取色器选色后四栏同步
预览与输出 / Output
就绪
#5b4bf5
同步 4 格式
输出 0 字符
耗时 0 ms
就绪
About
四种格式分别什么时候用
HEX 是设计稿与 CSS 的通用语言；RGB 直观对应屏幕发光；HSL 把亮度（L）和饱和度（S）拆开，调同一亮度的不同色相最方便；HSV 的 V 对应「取色器里的明暗滑块」，手选颜色时更符合直觉。
常用场景
- 设计稿只给了 RGB，要写进 CSS 变成
--brand变量 - 要做同色系深浅色板：固定 HSL 的 H，只改 L
- 对接后端取色器数据（HSV）转成前端可用的 HEX
小提示
输出格式选「全部格式」时会额外给一行 --color: #hex;，直接粘进设计规范的 CSS 变量区。三位简写 HEX（如 #abc）也会自动展开成六位。