颜色代码转换

本地处理

输入颜色值

或点击选取颜色颜色选择器

转换结果

功能说明

颜色代码转换工具是一款实用的在线开发工具，支持HEX、RGB、HSL、CMYK等颜色代码格式互转，支持颜色选择器实时预览效果。

本工具支持HEX（#FF5733）、RGB（rgb(255,87,51)）、HSL（hsl(14,100%,60%)）、CMYK（cmyk(0%,79%,80%,0%)）等格式互转，同时支持140+种CSS颜色英文名称转换。

适用于前端开发、设计配色、CSS编写、UI设计等场景。所有转换在浏览器本地完成，数据不会上传服务器。

1. 在输入框中输入颜色值（如 #FF5733、rgb(255,87,51)、hsl(14,100%,60%)、red），或点击颜色选择器选取颜色。

2. 点击对应按钮，转换为目标格式（HEX、RGB、HSL、CMYK、颜色名称）。

3. 转换结果实时显示，同时展示颜色预览块。

4. 可直接复制任一格式的颜色代码到剪贴板。

HEX（十六进制）和RGB（红绿蓝）是同一颜色的两种表示方式，HEX更简洁（#FF5733），RGB更直观（rgb(255,87,51)），两者可以精确互转，没有质量损失。

本工具使用标准的颜色转换算法，在浏览器本地完成转换，数据不会传输到服务器。转换结果准确可靠，适用于专业设计和开发场景。

HEX 简洁便于书写与复制，RGB 直观对应通道数值，HSL 便于程序化调色（只改亮度或饱和度）；三者可无损互转，按使用场景选择。

HSL 到 RGB 存在取整误差，往返转换可能有 1-2 个色阶偏差；对色值精度要求高的品牌色，请以 HEX 或 RGB 原始值为准。

8 位 HEX 末两位是 alpha（#RRGGBBAA），或写成 rgba(r,g,b,a)；两者可控性相同，注意除法的归一化范围是 0-1。