跳转到正文

CIELAB 色彩空间 至 CMYK 色彩模式 颜色格式转换器

一键将 CIELAB 色彩空间 颜色转换为 CMYK 色彩模式。按 CSS 语法或纯数字输入 CIELAB 色彩空间 值,即可获得精确的 CMYK 色彩模式 等效值;结果按 CSS 取整,并由 culori 库计算。CMYK 色彩模式 无法显示该颜色时,会将其映射到色域内最接近的颜色,具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。

重置

常见问题

可以互相转换哪些格式?

共十种格式:HEX、RGB、HSL、HWB、CIELAB (lab)、CIE LCH (lch)、OKLab、OKLCH、CMYK 和 Display P3。每种格式都可作为源格式或目标格式,因此共有 90 种转换方向。结果使用现代 CSS Color 4 语法,例如 rgb(255 136 0) 或 oklch(0.7442 0.1812 56.46)。

如何输入颜色?

输入源格式的完整 CSS 表示法,例如 hsl(32 100% 50%) 或 color(display-p3 1 0.5 0);也可以仅输入数字,例如在选中 HSL 时输入 32、100%、50%。十六进制代码可带或不带 #,支持 3、4、6 或 8 位格式。数值必须与所选源格式匹配,因此在 HSL 页面上输入 rgb() 值会被拒绝,以免误转换。

如何转换 CMYK?

culori 没有 CMYK 模式,因此转换器会对范围为 0 到 1 的 sRGB 值使用标准朴素公式:K = 1 - max(R, G, B),C = (1 - R - K) / (1 - K),M 和 Y 同理。反向转换公式为 R = (1 - C) x (1 - K),其余通道同理。这不是 ICC 配置文件转换,因此结果不会与特定印刷机或纸张的输出完全匹配;适用于屏幕近似显示和粗略规格。

如何编写 CMYK 输入值?

使用 cmyk(0%, 47%, 100%, 0%)、设备 cmyk(0 0.47 1 0) 或四个纯数字。带百分号的值按百分比处理;不带单位的值按 0 到 1 之间的分数读取。如果其中任何一个值大于 1,则所有值都按百分比读取,因此 0、47、100、0 会按预期工作。CMYK 输出始终以百分比表示,最多保留两位小数。

超出目标色域的颜色会怎样处理?

Lab、LCH、OKLab、OKLCH 和 Display P3 可以描述 sRGB 无法显示的颜色。当目标格式为 HEX、RGB、HSL、HWB 或 CMYK(这些格式都属于 sRGB),或为 Display P3 时,色域外的颜色会根据 CSS Color 4 算法进行映射:降低 OKLCH 色度,直到颜色落入色域,并在结果中附上说明。Lab、LCH、OKLab 和 OKLCH 目标没有边界,因此不会进行映射。

透明度会保留吗?

会,除 CMYK 以外的所有目标格式都会保留。输入中的 alpha 值(例如 rgb(255 136 0 / 50%) 或 #ff880080)会在 CSS 函数中写作 / 0.5,并以 8 位十六进制代码表示。CMYK 没有 alpha 通道,因此转换为该格式时会丢弃 alpha 值。

结果的精度如何?

RGB 通道会四舍五入为 0 到 255 之间的整数;HSL、HWB 和 CMYK 的百分比以及 Lab 和 LCH 的值保留两位小数;OKLab 的值、OKLCH 的亮度和色度以及 Display P3 通道保留四位小数;色相保留两位小数。所有计算在取整前均使用双精度进行,因此来回转换时,结果与原值的差异不会超过取整误差。

转换器使用哪种 Lab 和 LCH?

使用 D50 白点的 CIELAB 和 CIE LCH,定义与 CSS lab() 和 lch() 函数完全一致,并通过 Bradford 方法从 sRGB 的 D65 白点进行适配。亮度范围为 0 到 100。OKLab 和 OKLCH 是 Bjorn Ottosson 提出的感知色彩空间,CSS oklab() 和 oklch() 均使用这些空间,亮度范围为 0 到 1。

可以一次转换多个颜色吗?

页面表单一次转换一种颜色。直接调用该工具的客户端最多可发送 100 种颜色,每行一种,并按相同顺序获取每行一个转换值。每种颜色最多可包含 100 个字符。

为什么灰色的色相显示为 0?

中性色没有色相,CSS 可以将其写作 none。转换器会改为写作 0,因此该值也适用于不接受 none 的工具。当饱和度或色度为零时,色相不会产生可见影响。

相关工具

颜色格式转换器

在 HEX、RGB、HSL、HWB、CIELAB、CIE LCH、OKLab、OKLCH、CMYK 和 Display P3 之间转换颜色。选择源格式和目标格式,按 CSS 语法或纯数字输入值,即可获得适用于 CSS 的结果,计算由 culori 库完成。目标色域之外的颜色会按照 CSS Color 4 的规范进行映射。本工具面向需要在代码和设计工具之间转换颜色的开发者和设计师。

CIELAB 色彩空间 至 HEX 颜色格式转换器

一键将 CIELAB 色彩空间 颜色转换为 HEX。按 CSS 语法或纯数字输入 CIELAB 色彩空间 值,即可获得精确的 HEX 等效值;结果按 CSS 取整,并由 culori 库计算。HEX 无法显示该颜色时,会将其映射到色域内最接近的颜色,具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。

CIELAB 色彩空间 至 RGB 颜色格式转换器

一键将 CIELAB 色彩空间 颜色转换为 RGB。按 CSS 语法或纯数字输入 CIELAB 色彩空间 值,即可获得精确的 RGB 等效值;结果按 CSS 取整,并由 culori 库计算。RGB 无法显示该颜色时,会将其映射到色域内最接近的颜色,具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。

CIELAB 色彩空间 至 HSL 颜色格式转换器

一键将 CIELAB 色彩空间 颜色转换为 HSL。按 CSS 语法或纯数字输入 CIELAB 色彩空间 值,即可获得精确的 HSL 等效值;结果按 CSS 取整,并由 culori 库计算。HSL 无法显示该颜色时,会将其映射到色域内最接近的颜色,具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。

CIELAB 色彩空间 至 HWB 颜色格式转换器

一键将 CIELAB 色彩空间 颜色转换为 HWB。按 CSS 语法或纯数字输入 CIELAB 色彩空间 值,即可获得精确的 HWB 等效值;结果按 CSS 取整,并由 culori 库计算。HWB 无法显示该颜色时,会将其映射到色域内最接近的颜色,具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。

CIELAB 色彩空间 至 CIE LCH 颜色格式转换器

一键将 CIELAB 色彩空间 颜色转换为 CIE LCH。按 CSS 语法或纯数字输入 CIELAB 色彩空间 值,即可获得精确的 CIE LCH 等效值;结果按 CSS 取整,并由 culori 库计算。CIE LCH 无法显示该颜色时,会将其映射到色域内最接近的颜色,具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。

显示全部 90 个相关工具

关于 OneClick Pro

OneClick Pro 是一个免费的工具集合,包含超过 150 种网络工具,助你处理日常工作:转换图像和单位、格式化和验证代码、检查域名和 SEO,以及处理文本、日期和数字。所有工具均可免注册、免订阅使用;你输入的内容仅用于计算结果,绝不会被存储。你可以将它用作处理临时任务的快捷工具箱,也可以收藏每天都会用到的工具。