色彩工具

在一处同时检测 WCAG 2.2 与 APCA，提供实时预览、基于 OKLCH 的修复建议、色盲模拟。

粘贴任意格式的颜色——HEX、RGB、HSL、OKLCH 或 CSS 颜色名——一次得到全部其他格式，附 CSS、Tailwind、Swift、Android、Flutter 的可复制代码片段。

用 OKLCH 插值生成线性 / 径向 / 锥形 CSS 渐变。与 sRGB 并排对比，让"中段发灰"的问题肉眼可见。

拖入任意图片，用 OKLab 空间的 k-means 聚类提取主色板。100% 本地——图片不会离开你的浏览器。

完整的 Tailwind v4 默认色板。按色名搜索，一键复制 HEX 或 OKLCH，并了解 v4 为何默认采用 OKLCH。

从任意单色生成 50→950 的色调阶——基于 OKLCH 跨色相感知均匀，可直接放入 Tailwind v4 或 CSS 变量。

在 sRGB / OKLab / OKLCH 三种色彩空间中混合两色——三条对比带让 sRGB 的"灰中点"问题肉眼可见。

一次检查整套色板在 8 种色觉障碍下的表现——看看你的"红/绿/警告"是否会塌成同一种颜色。

147 个 CSS 命名色一表查清。按字母、色相或亮度排序，搜索任意色名或 HEX，点击复制。