工具
免费、即时，完全在浏览器内运行。
颜色转换
HEX · RGB · HSL · OKLCH · Lab · CMYK
查看全部WCAG 对比度
比率与 AA/AAA 等级
查看全部色觉模拟
红色盲 / 绿色盲 / 蓝色盲
查看全部图片取色
本地提取图片颜色
查看全部CSS 渐变
感知均匀渐变生成
查看全部配色生成
从任意颜色生成和谐配色
查看全部混色
Lab / OKLCH 感知均匀多色混合
查看全部ΔE 色差
CIELAB ΔE76 与 OKLCH 距离
查看全部批量转换
批量转换颜色列表
查看全部RAL 映射
RAL ↔ HEX / OKLCH
查看全部色阶生成器
任意颜色生成 50–950 色阶并导出 CSS
查看全部近似色查找
将 HEX 匹配到传统色、Tailwind、Material 与 RAL
查看全部传统色配色
按季节、五行与调和规则生成亚洲传统色配色
查看全部对比度网格
任意颜色列表的 N×N WCAG 矩阵
查看全部色盲配色检查
模拟配色并标记易混淆色对
查看全部网格渐变
多层径向渐变，导出 CSS 与 SVG
查看全部设计系统配色
从一个基色生成可直接用于框架的色阶与令牌。
Material Design 色调
M3 色调板与颜色角色
查看全部Tailwind CSS 色板
生成 50–950 工具类色阶
查看全部UnoCSS 色板
原子化 CSS 色阶
查看全部Panda CSS 令牌
Panda CSS 令牌对象
查看全部Vanilla Extract 主题
主题契约与 CSS 变量
查看全部StyleX 令牌
StyleX 设计令牌
查看全部Bootstrap 色板
主题色与语义 token
查看全部Ant Design 色板
1–10 色阶预设色板
查看全部Open Color
开源 UI 配色方案
查看全部Chakra UI 色板
50–950 主题色阶
查看全部Radix Colors
面向应用 UI 的 12 级色阶
查看全部Fluent UI 品牌色
微软品牌色阶 10–160
查看全部Primer 色板
GitHub 设计系统 token
查看全部Polaris 色板
Shopify 后台颜色 token
查看全部