统一色彩空间转换器
指导
统一色彩空间转换器
粘贴任意常见格式的颜色值,即可立即在九个颜色空间中并排查看其表示。转换器会自动检测HEX、RGB、HSL、HSV/HSB、CMYK、CIE LAB、LCH、CIE XYZ、Oklab和CSS命名颜色,然后使用完整的sRGB伽马校正和标准D65白点计算所有其他表示形式。实时色块预览和一键复制功能,使设计师、开发者、印刷团队以及需要精确色彩度量但又不想自行计算的人士能够快速使用此工具。
如何使用
- 在 颜色值 字段中输入或粘贴颜色值。任何常见格式均可:
#464aff,rgb(70, 74, 255),hsl(238, 100%, 64%),lab(45 35 -85),oklab(0.5 0.1 -0.05),cmyk(72%, 71%, 0%, 0%),或CSS名称如cornflowerblue. - 可选地拖动原生颜色选择器来直观地选择颜色;选择器和文本字段将保持同步。
- 检测到的输入格式会以徽章形式显示在预览中,所有其他颜色空间将自动填充。
- 点击任意输出值旁边的复制图标,即可将其复制到剪贴板。
- 这 最接近的CSS名称 字段会显示最接近的标准CSS颜色及其ΔE76距离,便于快速进行配色决策。
特征
- 九个颜色空间同时显示 – HEX、RGB、HSL、HSV/HSB、CMYK、CIE LAB、LCH、CIE XYZ (D65) 和 Oklab 并排显示。
- 自动检测输入 – 粘贴任何格式,解析器会自动识别,包括现代
lab(),lch(),oklab(),以及CSS命名颜色。 - 精确的色彩度量 – 使用sRGB伽马编码/解码、Bradford对齐的D65矩阵以及Björn Ottosson的Oklab矩阵,以获得感知上正确的结果。
- 实时色块预览 – 在输入时即可看到精确渲染的颜色及其HEX和RGB字符串。
- 最接近的CSS颜色名称 – 使用完整的CSS命名颜色列表进行ΔE76查找,以快速进行视觉标注。
- ——点击复制按钮,粘贴到你的 CSS 中。两秒钟搞定。 – 每一行输出都配有复制按钮,可直接将值移动到设计文件或代码中。
- 纯客户端数学运算 – 所有计算都在您的浏览器中本地运行;不会将任何颜色值发送到服务器。
常问问题
-
CIE LAB 与 Oklab 之间的区别是什么?
CIE LAB 自1976年以来一直是标准的感知均匀颜色空间,广泛应用于印刷和色彩科学。Oklab 由 Björn Ottosson 于2020年提出,专门针对LAB在蓝色区域的色调均匀性缺陷进行了优化。Oklab通常产生更平滑的渐变和更可预测的色调旋转,这也是为什么CSS Color Level 4推荐其用于现代网页色彩工作。
-
为什么同一颜色在LAB和XYZ中的值不同?
CIE XYZ 以三个虚拟的基色来描述颜色,这些基色覆盖了人类可见的色域,其值与光强度呈线性关系。CIE LAB 是 XYZ 的非线性变换,旨在实现大致的感知均匀性,因此LAB中的等数值距离更接近于人眼感知的差异。它们描述的是同一种颜色,但XYZ用于色彩科学计算,而LAB用于测量人眼感知的差异。
-
为什么CMYK只是一个近似值?
真正的CMYK输出取决于所使用的具体油墨、纸张和打印机,这些信息由ICC配置文件捕获。一个设备无关的CMYK估算值,如本工具生成的,是在sRGB基础上应用一个简单的减法模型,忽略了实际印刷过程。它适用于粗略转换,但在准确性至关重要的情况下,绝不能用它替代通过实际目标ICC配置文件进行的软打样。
-
最接近的CSS名称旁边的ΔE值是什么意思?
ΔE(delta E)是一个单一数值,用于总结在LAB颜色空间中两个颜色对人眼的视觉差异。ΔE76是1976年的原始公式,本工具报告的就是这个值。作为大致参考,ΔE小于1几乎无法区分,小于2在并排比较中几乎不可察觉,大于10则明显是不同颜色。
-
为什么某些LAB或Oklab值会产生截断的RGB结果?
LAB、LCH、Oklab和XYZ可以描述超出sRGB色域的颜色,这意味着它们无法在标准显示器上准确显示。当转换后的RGB值会低于0或高于255时,该工具会将每个通道限制在可显示范围内。可见的颜色是色域内的最接近近似值,而不是对原始超出色域颜色的忠实再现。
