# RGB 至 CIELAB 色彩空间 颜色格式转换器 一键将 RGB 颜色转换为 CIELAB 色彩空间。按 CSS 语法或纯数字输入 RGB 值，即可获得精确的 CIELAB 色彩空间 等效值；结果按 CSS 取整，并由 culori 库计算。CIELAB 色彩空间 无法显示该颜色时，会将其映射到色域内最接近的颜色，具体遵循 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 的工具。当饱和度或色度为零时，色相不会产生可见影响。 ## 相关工具 ### [颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/) 在 HEX、RGB、HSL、HWB、CIELAB、CIE LCH、OKLab、OKLCH、CMYK 和 Display P3 之间转换颜色。选择源格式和目标格式，按 CSS 语法或纯数字输入值，即可获得适用于 CSS 的结果，计算由 culori 库完成。目标色域之外的颜色会按照 CSS Color 4 的规范进行映射。本工具面向需要在代码和设计工具之间转换颜色的开发者和设计师。 ### [RGB 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-hex/) 一键将 RGB 颜色转换为 HEX。按 CSS 语法或纯数字输入 RGB 值，即可获得精确的 HEX 等效值；结果按 CSS 取整，并由 culori 库计算。HEX 无法显示该颜色时，会将其映射到色域内最接近的颜色，具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。 ### [RGB 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-hsl/) 一键将 RGB 颜色转换为 HSL。按 CSS 语法或纯数字输入 RGB 值，即可获得精确的 HSL 等效值；结果按 CSS 取整，并由 culori 库计算。HSL 无法显示该颜色时，会将其映射到色域内最接近的颜色，具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。 ### [RGB 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-hwb/) 一键将 RGB 颜色转换为 HWB。按 CSS 语法或纯数字输入 RGB 值，即可获得精确的 HWB 等效值；结果按 CSS 取整，并由 culori 库计算。HWB 无法显示该颜色时，会将其映射到色域内最接近的颜色，具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。 ### [RGB 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-lch/) 一键将 RGB 颜色转换为 CIE LCH。按 CSS 语法或纯数字输入 RGB 值，即可获得精确的 CIE LCH 等效值；结果按 CSS 取整，并由 culori 库计算。CIE LCH 无法显示该颜色时，会将其映射到色域内最接近的颜色，具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。 ### [RGB 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-oklab/) 一键将 RGB 颜色转换为 OKLab 色彩空间。按 CSS 语法或纯数字输入 RGB 值，即可获得精确的 OKLab 色彩空间 等效值；结果按 CSS 取整，并由 culori 库计算。OKLab 色彩空间 无法显示该颜色时，会将其映射到色域内最接近的颜色，具体遵循 CSS Color 4 的规范。本工具面向需要在样式表、设计工具和规范之间转换颜色的开发者和设计师。 **显示全部 90 个相关工具** - [RGB 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-oklch/) - [RGB 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-cmyk/) - [RGB 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/rgb-to-p3/) - [HEX 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-lab/) - [HSL 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-lab/) - [HWB 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-lab/) - [CIE LCH 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-lab/) - [OKLab 色彩空间 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-lab/) - [OKLCH 色彩空间 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-lab/) - [CMYK 色彩模式 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-lab/) - [Display P3 色彩空间 至 CIELAB 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-lab/) - [HEX 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-rgb/) - [HEX 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-hsl/) - [HEX 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-hwb/) - [HEX 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-lch/) - [HEX 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-oklab/) - [HEX 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-oklch/) - [HEX 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-cmyk/) - [HEX 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hex-to-p3/) - [HSL 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-hex/) - [HSL 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-rgb/) - [HSL 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-hwb/) - [HSL 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-lch/) - [HSL 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-oklab/) - [HSL 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-oklch/) - [HSL 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-cmyk/) - [HSL 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hsl-to-p3/) - [HWB 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-hex/) - [HWB 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-rgb/) - [HWB 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-hsl/) - [HWB 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-lch/) - [HWB 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-oklab/) - [HWB 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-oklch/) - [HWB 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-cmyk/) - [HWB 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/hwb-to-p3/) - [CIELAB 色彩空间 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-hex/) - [CIELAB 色彩空间 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-rgb/) - [CIELAB 色彩空间 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-hsl/) - [CIELAB 色彩空间 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-hwb/) - [CIELAB 色彩空间 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-lch/) - [CIELAB 色彩空间 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-oklab/) - [CIELAB 色彩空间 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-oklch/) - [CIELAB 色彩空间 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-cmyk/) - [CIELAB 色彩空间 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lab-to-p3/) - [CIE LCH 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-hex/) - [CIE LCH 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-rgb/) - [CIE LCH 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-hsl/) - [CIE LCH 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-hwb/) - [CIE LCH 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-oklab/) - [CIE LCH 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-oklch/) - [CIE LCH 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-cmyk/) - [CIE LCH 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/lch-to-p3/) - [OKLab 色彩空间 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-hex/) - [OKLab 色彩空间 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-rgb/) - [OKLab 色彩空间 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-hsl/) - [OKLab 色彩空间 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-hwb/) - [OKLab 色彩空间 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-lch/) - [OKLab 色彩空间 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-oklch/) - [OKLab 色彩空间 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-cmyk/) - [OKLab 色彩空间 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklab-to-p3/) - [OKLCH 色彩空间 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-hex/) - [OKLCH 色彩空间 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-rgb/) - [OKLCH 色彩空间 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-hsl/) - [OKLCH 色彩空间 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-hwb/) - [OKLCH 色彩空间 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-lch/) - [OKLCH 色彩空间 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-oklab/) - [OKLCH 色彩空间 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-cmyk/) - [OKLCH 色彩空间 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/oklch-to-p3/) - [CMYK 色彩模式 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-hex/) - [CMYK 色彩模式 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-rgb/) - [CMYK 色彩模式 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-hsl/) - [CMYK 色彩模式 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-hwb/) - [CMYK 色彩模式 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-lch/) - [CMYK 色彩模式 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-oklab/) - [CMYK 色彩模式 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-oklch/) - [CMYK 色彩模式 至 Display P3 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/cmyk-to-p3/) - [Display P3 色彩空间 至 HEX 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-hex/) - [Display P3 色彩空间 至 RGB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-rgb/) - [Display P3 色彩空间 至 HSL 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-hsl/) - [Display P3 色彩空间 至 HWB 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-hwb/) - [Display P3 色彩空间 至 CIE LCH 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-lch/) - [Display P3 色彩空间 至 OKLab 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-oklab/) - [Display P3 色彩空间 至 OKLCH 色彩空间 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-oklch/) - [Display P3 色彩空间 至 CMYK 色彩模式 颜色格式转换器](https://oneclick.pro/zh/tool/color-format-converter/p3-to-cmyk/) 在这里投放广告？ [给我们发邮件](mailto:hi@dennn.is?subject=%E5%9C%A8%20OneClick%20Pro%20%E4%B8%8A%E6%8A%95%E6%94%BE%E5%B9%BF%E5%91%8A) [广告 适用于 WordPress 的智能体就绪型插件套件。](https://sleekwp.com/?ref=oneclickpro)