🔄颜色格式转换

怎么用颜色格式转换

1. 用任意 CSS 写法粘贴或输入颜色：颜色名、#rgb、#rrggbbaa、rgb()、hsl()、hwb()、lab()、lch()、oklab()、oklch() 或 cmyk()。
2. 其余所有格式会立刻列出来，点对应的复制按钮即可。
3. 下方表格可以浏览全部 148 个 CSS 颜色名，批量框可以一次转换一整列颜色。

常见问题

oklch 是什么，为什么值得用？

OKLCH 是感知均匀的色彩空间：调整明度或彩度时，人眼看到的变化是均匀的，因此比 HSL 更容易生成无障碍配色。目前主流浏览器都已支持。

lab 和 lch 与 Photoshop 的 Lab 一样吗？

用的是同一套 CIE Lab 模型，白点按 CSS Color 4 规范取 D50，所以数值和 Photoshop 的 Lab 读数基本一致。细微差别来自四舍五入，以及超出色域的颜色被裁回 sRGB 的方式。

为什么来回转换后颜色变了？

lab、lch、oklch 能描述超出 sRGB 色域的颜色。转回 hex 时必须裁剪到 sRGB 范围，所以彩度很高的 lch 颜色往返之后可能会有偏差。