调色板生成器

在您的浏览器中本地运行

生成可锁定的配色方案、OKLCH 色调阶梯和设计令牌

种子颜色

支持带透明度的 HEX、RGB、HSL、OKLCH 和 CSS 颜色名。

配色规则颜色数

调色板颜色

颜色 1

浅色变体

深色变体

文本大小

不透明背景

比值只说明颜色组合，不代表页面认证。普通文本 AA 4.5:1、AAA 7:1。透明颜色按背景合成。

对比度: 前景色 / 背景色 (普通文本)
前景色 \ 背景色	1	2	3	4	5
1 `#6366F1`	1.00 未通过	1.18 未通过	1.23 未通过	1.42 未通过	1.49 未通过
2 `#3C69C0`	1.18 未通过	1.00 未通过	1.45 未通过	1.20 未通过	1.76 未通过
3 `#8F72EA`	1.23 未通过	1.45 未通过	1.00 未通过	1.74 未通过	1.22 未通过
4 `#0063A3`	1.42 未通过	1.20 未通过	1.74 未通过	1.00 未通过	2.11 未通过
5 `#B27FE0`	1.49 未通过	1.76 未通过	1.22 未通过	2.11 未通过	1.00 未通过

令牌输出导出来源

命名空间

导出颜色数: 5 (普通调色板)

:root {
  --primary-1: #6366F1;
  --primary-2: #3C69C0;
  --primary-3: #8F72EA;
  --primary-4: #0063A3;
  --primary-5: #B27FE0;
}

导入

调色板数据

粘贴导出的 CSS/SCSS、Tailwind v3 JSON 配置、JSON 令牌、数组或逗号/换行分隔颜色。11 色调必须由浅到深排列。

渐变选择: 0 / 6

按所需顺序选择 2–6 种颜色，不会自动截断。

生成、对比度和导出全部本地运行，不上传颜色。

调色板生成器

生成可编辑、可锁定的颜色系统，提供 OKLCH 色调和实用设计令牌。

选项

选择种子或随机工作流，编辑颜色，并在随机生成前锁定需要保留的颜色。配色规则使用感知色相偏移，手动锁定可覆盖规则。色调阶梯保留普通调色板，并生成完整 50–950；固定亮度不保证种子位于 500。检查浅深变体、四种格式和对比度，然后复制或下载五种令牌格式。

对比度

保留透明度。对比度先合成背景再合成前景，不代表无障碍认证。导入的 11 色调必须亮度递减。数据留在本地，存储可选。明确选择 2–6 色向当前语言的渐变工具传递。重置和导入可撤销。