颜色格式转换
在 HEX、RGB、HSL、HSV、OKLCH、CMYK 之间转换颜色
- 文件不会离开你的设备
- 在浏览器本地运行
- 免费、免注册、无水印
#FF8000oklch(73.19% 0.1858 52.98)
最接近的 CSS 颜色名
darkorangeΔE 3.9
格式
Lab 和 LCH 使用 D50 白点，与 CSS 的 lab()、lch() 一致。 此处 CMYK 为简单公式换算，未使用 ICC 色彩配置。印刷请向印厂确认准确数值。
明暗色阶
点击色块即可复制 HEX。在 OKLab 中与白色、黑色混合，阶梯过渡更均匀。
如何使用颜色格式转换
在 HEX、RGB、HSL、HSV、HWB、OKLCH、OKLab、CIE Lab/LCH、CMYK 和 Display P3 之间转换颜色。改任一格式，其余同步更新，并给出最接近的 CSS 颜色名和明暗色阶。
- 1
在「粘贴或输入任意颜色」里输入颜色，比如 #ff8000、rgb(255 128 0)、oklch(70% 0.19 50) 或 tomato。
- 2
也可以用「打开取色器」「从屏幕取色」或「随机颜色」选一个颜色开始。
- 3
在「格式」里查看或修改数值，改动任意一栏，其他栏都会跟着更新。
- 4
用「不透明度」滑块设置透明度；打开「现代 CSS 语法」可输出 rgb(255 128 0 / 50%) 这类空格分隔的写法。
- 5
点格式旁边的复制图标，或点「明暗色阶」里的色块复制它的 HEX。
常见问题
为什么提示颜色超出 sRGB？
OKLCH、Lab 和 Display P3 能表示大多数屏幕显示不了的颜色。这时 HEX、RGB、HSL 等 sRGB 格式会按 CSS 的色域映射方式显示最接近的可显示颜色，保持明度和色相不变，提示里也会写出直接截断会得到什么颜色。
CMYK 数值能直接用于印刷吗？
不能。这里的 CMYK 是不带 ICC 配置文件的简单公式换算，准确数值请向印刷厂确认。
Lab 和 LCH 用的是哪个白点？
D50，和 CSS 的 lab()、lch() 一致，数值可以直接粘贴到样式表里。
为什么看不到「从屏幕取色」按钮？
它依赖浏览器的 EyeDropper API，Chrome、Edge 等 Chromium 内核浏览器支持。不支持时按钮会隐藏，可以改用取色器或直接粘贴颜色值。
会保存什么数据吗？
上次的颜色和「现代 CSS 语法」设置保存在浏览器本地存储里，下次打开还在。不会发送到服务器。