HEX/RGB 颜色转换器

颜色转换HEXRGB

本地运行,数据不上传服务器

原生颜色选择器选择后实时同步全部格式
HEX
RGB
HSL
HSV
CMYK
#ff8800R 255 · G 136 · B 0

使用说明

设计稿给的是 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:不同软件的色彩管理和色域处理不同,结果可能有细微差异,建议以实际显示效果为准。