输入任意颜色,一键换算为 HEX、RGB、HSL、HSV、CMYK、LAB、XYZ、LCH、HWB、OKLab、OKLCH 等格式,并生成 CSS / SCSS / Tailwind / CSS 变量代码。Alpha 独立处理,超出色域会提示。
不同工具与语言使用不同的颜色表示方式:网页常用 HEX 与 RGB,设计常用 HSL,印刷用 CMYK,专业色彩空间则使用 LAB、OKLab 等。
本工具提供统一入口:输入任一格式的颜色,即自动计算全部目标格式;每个格式单独一行,可逐个复制。
“颜色代码”区域还会生成可直接使用的 CSS、SCSS、Tailwind 配置与 CSS 变量写法,帮助前端与设计快速落地。
颜色空间以 sRGB / D65 为基准,转换公式明确;当颜色超出目标色域时会给出提示。
Q:支持哪些颜色格式?
支持 HEX、RGB、RGBA、HSL、HSLA、HSV、CMYK、LAB、XYZ、LCH、HWB、OKLab、OKLCH,以及 CSS 颜色名称解析。
Q:转换结果准确吗?
准确。sRGB 与 XYZ、LAB、OKLab 的转换矩阵与白点(D65)均采用标准公式,LAB/LCH 使用 D65 白点。
Q:“超出色域”是什么意思?
某些 LAB/OKLCH 颜色在 sRGB 中无法精确表示,工具会提示并给出裁剪到 sRGB 后的近似值。
Q:可以批量转换吗?
可以。切换到批量模式后每行输入一个颜色,工具会逐行输出转换结果,便于整理设计规范。
Q:CSS 变量和 Tailwind 代码能直接用吗?
可以。工具会按当前颜色生成 --color: #xxxxxx; 以及 Tailwind 的 colors 配置片段,直接复制到项目即可。
继续使用本站其它颜色处理工具: