色彩工具

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

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

用互补、类似、三角、矩形、分裂互补、正方形和单色方案构建调色板。

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

Build soft multi-color mesh gradients from draggable points. OKLCH-harmonized, export free PNG or copy pure CSS with no WebGL required.

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

See a palette on a real UI mockup — nav, hero, cards, forms — with live WCAG contrast checks that flag unreadable combinations as you edit.

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

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

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

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

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

粘贴任意颜色，从约 300 个颜色名组成的精选词典中找到最接近的人类可读名称。

按社交、开发者、流媒体、金融、商业和效率工具分类搜索有来源的品牌配色。

生成随机 HEX 颜色和调色板，支持柔和、鲜艳、深色、暖色和冷色约束。