HEX/RGB 颜色转换器
本地运行,数据不上传服务器
使用说明
设计稿给的是 HEX 色值,CSS 里想用 HSL 调明暗;后端接口返回 RGB,需要转成 HEX 填到样式表;印刷物料用 CMYK,屏幕上想找近似色。不同工具和格式之间来回转换,靠手工算容易出错。 这个工具支持 HEX、RGB/RGBA、HSL、HSV、CMYK 五种格式互转。输入任意一种颜色值,会同时显示其他格式和颜色预览。也可以直接用颜色选择器选色,实时看到各格式结果。 适合前端开发、UI 设计、平面设计和需要处理印刷色彩的人。单个结果可以复制,方便粘贴到 CSS、设计软件或文档里。
核心功能
- ✓HEX、RGB、HSL、HSV、CMYK 五种颜色格式互转
- ✓输入任意格式,同时显示其他格式结果
- ✓实时颜色预览,直观确认转换效果
- ✓内置颜色选择器,可直接选色
- ✓支持复制单项结果,方便粘贴到代码或设计稿
- ✓适合 CSS 配色、设计稿转换、印刷近似色换算
- ✓在浏览器本地计算,不上传颜色数据
使用教程
HEX 转 RGB:把设计稿里的 #3B82F6 粘贴进输入框,立刻看到对应的 rgb 值,可直接用在 CSS 里。 RGB 转 HEX:拿到 rgb(59, 130, 246),输入后得到 #3B82F6,方便填到只接受 HEX 的平台。 HSL 调明暗:先把 HEX 转成 HSL,调整 L 值做深浅变化,再转回 HEX 用在样式表里。 CMYK 找屏幕近似色:印刷稿给出 CMYK 值,输入后得到 RGB 和 HEX,用于屏幕预览。注意屏幕色和印刷色存在差异。 用颜色选择器快速选色:不确定色值时,点颜色选择器选一个颜色,五种格式会同步更新。
常见问题
Q:HEX 转 RGB 怎么转?
A:把 6 位 HEX 值输入工具,会立即显示对应的 RGB 值;3 位 HEX 也支持。
Q:支持带透明度的 HEX 吗?
A:当前只支持 3 位和 6 位 HEX,不支持 4 位或 8 位带透明度的 HEX。RGBA 输入会忽略透明度。
Q:CMYK 转 RGB 准确吗?
A:CMYK 和屏幕 RGB 的色域不同,转换结果是近似值,不能完全代表印刷效果。
Q:支持 CSS 颜色名称吗?
A:不支持,例如 red、blue 需要先转换成 HEX 或 RGB。
Q:可以转换 HSL 或 HSV 吗?
A:可以,支持 HEX、RGB/RGBA、HSL、HSV、CMYK 五种格式互转。
Q:颜色数据会上传服务器吗?
A:不会,转换在浏览器本地完成。
Q:为什么转换后的颜色和设计软件略有差异?
A:不同软件的色彩管理和色域处理不同,结果可能有细微差异,建议以实际显示效果为准。