色 论坛之家工具箱

颜色代码转换

LOCAL
COLOR #2563EB
HEX
RGB
HSL
HSV
CMYK
准备就绪 HEX · RGB · HSL · HSV · CMYK

什么是在线颜色代码转换工具

这是一个运行在浏览器里的颜色代码转换工具,可以在 HEX、RGB、HSL、HSV/HSB 与 CMYK 之间互相转换。你只需要输入任意一种颜色代码,工具会解析出对应的 RGB 值,再生成其他格式,并同步更新上方的大色块预览。

工具支持 3 位与 6 位 HEX、rgb()/rgba()、hsl()/hsla()、hsv()/hsb() 以及 cmyk() 写法。所有计算在本机完成,不会上传,也不需要注册。CMYK 为数学近似换算,若用于印刷请以设计软件和 ICC 色彩管理结果为准。

五种格式

一次得到 HEX、RGB、HSL、HSV 与 CMYK,适合前端、设计与印刷沟通。

任意格式输入

输入任意一种格式即可解析,3 位 HEX 会自动补全为 6 位。

实时预览

大色块与取色器同步更新,数值与视觉结果一一对应。

本地计算

颜色解析和转换都在浏览器内完成,数据不会离开设备。

使用方法

  1. 在输入框粘贴或输入颜色代码,也可以用右侧取色器直接选色。
  2. 下方会实时列出 HEX、RGB、HSL、HSV、CMYK 五种结果,点击每行右侧按钮复制。
  3. 需要示例时点击输入框下方的格式标签,快速填入对应写法。

常见问题

支持哪些颜色格式?

支持 HEX(#rgb 或 #rrggbb)、RGB、HSL、HSV/HSB 和 CMYK。输入其中任意一种,都会同时给出全部五种格式。

支持透明度(Alpha)吗?

当前版本只处理不透明颜色。输入 rgba 或 hsla 时会读取颜色部分并忽略透明度,输出也不包含 Alpha 通道。

CMYK 数值和印刷结果一致吗?

不一致。CMYK 是根据 RGB 数学换算得到的近似值,没有应用印刷 ICC 配置文件、油墨和纸张特性。实际印刷请以设计软件的色彩管理结果为准。

为什么 HSL、HSV 转换后颜色略有偏差?

输出中的角度和百分比会四舍五入到整数,再把代码输入其他工具时可能出现 1 以内的舍入差异;预览以大色块使用的原始 RGB 值为准。

3 位 HEX 和 6 位 HEX 有什么区别?

3 位写法是 6 位的缩写,例如 #f00 等同于 #ff0000。工具会自动展开缩写并统一输出 6 位大写 HEX。

颜色数据会上传到服务器吗?

不会。所有解析与转换都在浏览器本地完成,不会上传,也不会被保存。