颜色转换器

HEX、RGB、HSL、HSV、CMYK、LAB 之间互转,改任意一栏,其余几种实时更新。

所有换算都在你的浏览器里完成,输入内容不会上传到 BroBroGo。

常见问题

支持哪些颜色格式互转?

支持 HEX、RGB、HSL、HSV、CMYK、LAB。在任意一栏输入数值,另外五种会一起更新,所以任意格式都能转成其他格式。

CMYK 数值能直接拿去印刷吗?

把它当作屏幕上的近似估值就好。真正印刷的 CMYK 还要看纸张、油墨和印刷机的色彩配置,印厂给出的数值可能和这里略有出入。

为什么 LAB 或 CMYK 转回来会略有变化?

LAB 和 CMYK 能表示一些屏幕显示不出来的颜色。当数值超出 RGB 可显示的范围时,会被拉到最接近的可显示颜色,所以再转回来可能有一点偏差。

颜色转换器的工作原理与多格式互转

颜色转换器支持在 HEX、RGB、HSL、HSV、CMYK 和 LAB 六种主流颜色格式之间进行实时互转。用户只需在任意一个输入框中输入特定的颜色数值,或者通过取色器选择颜色,系统便会立即计算并同步更新其余所有格式的数值。

在数字图像处理与界面设计中,不同的媒介和软件对颜色模型的需求各不相同。本工具通过在浏览器本地运行的算法,建立起这些色彩空间之间的数学映射,帮助设计师与前端开发人员在不同工作流之间无缝传递色彩参数。


支持的颜色格式与输入规范

为了确保转换的准确性,每种颜色格式都必须遵循特定的输入格式与数值范围:

  • HEX(十六进制色码):以 # 开头的十六进制数值,支持 6 位或 3 位简写,例如 #4f46e5#abc
  • RGB(红绿蓝):基于加色混合原理,由三个 0–255 之间的整数组成,代表红、绿、蓝三原色的强度,例如 79, 70, 229
  • HSL(色相、饱和度、亮度):色相为 0–360 的角度值,饱和度和亮度为百分比,例如 243, 75%, 59%
  • HSV(色相、饱和度、明度):与 HSL 类似,但第三个参数代表明度,例如 243, 69%, 90%
  • CMYK(青、品红、黄、黑):基于减色混合原理的印刷四色模式,由四个 0–100 的百分比组成,例如 66%, 69%, 0%, 10%
  • LAB(亮度、a 轴、b 轴):基于人眼感知的色彩空间,L 代表亮度(0–100),a 代表绿-红轴,b 代表蓝-黄轴,例如 40.73, 50.63, -79.08

若输入的数值格式不符合上述规范,输入框会触发相应的错误提示:

  • HEX 输入错误提示:请输入十六进制颜色,例如 #4f46e5 或 #abc。
  • RGB 输入错误提示:RGB 请填三个 0–255 的数字,例如 79, 70, 229。
  • HSL 输入错误提示:HSL 请填色相 0–360 和两个百分比,例如 243, 75%, 59%。
  • HSV 输入错误提示:HSV 请填色相 0–360 和两个百分比,例如 243, 69%, 90%。
  • CMYK 输入错误提示:CMYK 请填四个 0–100 的百分比,例如 66%, 69%, 0%, 10%。
  • LAB 输入错误提示:LAB 请填 L 0–100 以及 a、b,例如 40.73, 50.63, -79.08。

色彩空间转换的边界与限制

在进行跨色彩空间转换时,由于不同色彩模型的数学定义和色域(Color Gamut)范围存在差异,会产生以下物理限制:

1. 屏幕显示与印刷色域的差异

RGB 是一种加色模型,通过红、绿、蓝三路光源叠加来呈现屏幕色彩。而 CMYK 是一种减色模型,通过油墨反射光线来呈现印刷色彩。由于两者的物理发光机制不同,CMYK 在本工具中的输出仅为屏幕上的近似估值。在实际印刷中,最终的色彩表现还会受到纸张材质、油墨类型以及印刷机色彩配置文件的影响。

2. 溢出色域的自动修正

LAB 色彩空间拥有极宽的色域,能够表示许多超出普通显示器 RGB 呈现范围的颜色。当输入的 LAB 或 CMYK 数值超出了当前 RGB 显示器的可见范围时,转换算法会自动将该颜色调整并拉取至最接近的可显示颜色。这种边界修正意味着,如果将该颜色再次逆向转换回原始的 LAB 或 CMYK 格式,数值可能会发生轻微的偏差。


本地处理与隐私说明

本工具的整个转换计算过程完全在用户的浏览器本地完成。用户输入的任何颜色数值、代码或通过取色器选择的数据,均不会上传到服务器。


常见问题解答

支持哪些颜色格式互转?

支持 HEX、RGB、HSL、HSV、CMYK、LAB。在任意一栏输入数值,另外五种会一起更新,所以任意格式都能转成其他格式。

CMYK 数值能直接拿去印刷吗?

把它当作屏幕上的近似估值就好。真正印刷的 CMYK 还要看纸张、油墨和印刷机的色彩配置,印厂给出的数值可能和这里略有出入。

为什么 LAB 或 CMYK 转回来会略有变化?

LAB 和 CMYK 能表示一些屏幕显示不出来的颜色。当数值超出 RGB 可显示的范围时,会被拉到最接近的可显示颜色,所以再转回来可能有一点偏差。