颜色 → 设计系统

输入一种颜色，自动生成调色板、渐变和 AA/AAA 对比度检查。

颜色 → 设计系统 — 一条连通的颜色管道：一个 HEX 颜色值流入调色板生成器，其基础色和互补色同时输入到对比度检查器 (AA/AAA) 和 CSS 渐变构建器中。选择一种颜色，即可获得整个设计系统。

包含的工具

颜色转换工具

在 HEX、RGB 和 HSL 之间转换颜色，并实时预览。

调色板生成器

从一个基准 HEX 颜色生成阴影、浅色和协调配色，每个颜色都带可复制的 HEX 值。

颜色对比度检查器

检查前景色与背景色之间的 WCAG 对比度，并查看普通文字和大号文字是否通过 AA 与 AAA 级别。

CSS 渐变生成器

使用自定义色标和角度构建线性、径向或锥形 CSS 渐变，实时预览效果，并复制 background 规则。