调色板生成器
从一个 HEX 颜色出发，利用六种配色关系生成五色调色板，查看 RGB，并将每个色块与白色比较。
HEX 草稿可继续编辑；有效的 #fff 会在结果中展开。离开输入框时会规范化有效输入。不完整或无效输入会清空结果。
请输入恰好 3 位或 6 位十六进制数字，可带 #；不支持透明度通道。
♿ 无障碍
颜色组合的比值及文字等级不代表控件或整页符合标准。AA 普通文字要求 4.5:1，大字要求 3:1；AAA 分别要求 7:1 和 4.5:1。大字指至少 18pt 常规或 14pt 粗体，CJK 字体须使用相应等效字号。 等级使用未四舍五入的比值。显示保留两位小数，因此 4.499 可能显示为 4.50，但仍未达到 4.5。
已复制
复制失败。请选择结果并手动复制。
方法与解读
互补色的色相差为 180°，类似色使用邻近色相，三角色为 120°，分裂互补色为 150°/210°，四角色按 90° 间隔取色。单色模式将 HSL 明度从 15% 分布到 85%；其他模式通过明度变体保留五个色块。
颜色按不透明 sRGB 处理。相对亮度由线性化 RGB 计算；对比度为（较亮亮度 + 0.05）/（较暗亮度 + 0.05）。列表中的每个比值均与白色比较。
等级使用未四舍五入的比值。显示保留两位小数，因此 4.499 可能显示为 4.50，但仍未达到 4.5。
关于调色板生成器
从一个 HEX 颜色出发，利用六种配色关系生成五色调色板，查看 RGB，并将每个色块与白色比较。
先选择基色和配色关系，再复制色块或导出 CSS、JSON、SCSS。界面通常可从 3–5 个角色开始：主色、辅助色、强调色和中性色；五个色块不一定都适合作为文字颜色。
输入 #ff0000 并选择互补色，五个 HEX 色块中包含 #ff0000 和 #00ffff。独立比较 #000000 与 #ffffff，结果恰为 21:1。
计算使用当前页面中的值，不发送此工具专用的服务器请求。这些工具不保存结果历史或收藏。网站主题可能从 localStorage 读取；网站其他部分仍可能发送自己的请求。
使用场景
如何使用
输入 HEX，或用颜色选择器设置基色。
从单色、互补、类似、三角、分裂互补、四角六种关系中选择。
查看六位 HEX、RGB 以及相对白色的文字等级。
点击色块复制 HEX，并等待复制状态提示。
下载 CSS、JSON 或 SCSS，并记录基色和配色关系。
专业提示
- 配色关系用于选择色相搭配，之后仍需检查实际文字与背景。Aa 小样选择对比度较高的黑色或白色；旁边的数值仍然是与白色的比值。
- 颜色组合的比值及文字等级不代表控件或整页符合标准。AA 普通文字要求 4.5:1，大字要求 3:1；AAA 分别要求 7:1 和 4.5:1。大字指至少 18pt 常规或 14pt 粗体，CJK 字体须使用相应等效字号。
- 可把约60%主色、30%辅助色和10%强调色作为可选的布局建议。这些比例描述设计中的用色分布，生成的色块并不编码这些比例。
故障排除
请输入恰好 3 位或 6 位十六进制数字，可带 #；不支持透明度通道。
HEX 草稿可继续编辑；有效的 #fff 会在结果中展开。离开输入框时会规范化有效输入。不完整或无效输入会清空结果。
无法复制。请选择显示的结果并手动复制。
配色关系用于选择色相搭配，之后仍需检查实际文字与背景。Aa 小样选择对比度较高的黑色或白色；旁边的数值仍然是与白色的比值。
常见问题解答
配色关系只描述色相搭配。还须单独检查文字与背景、文字大小及其他适用标准；红色与青色并不构成无障碍认证。
CSS 生成 --color-1 变量，SCSS 生成 $color-1 变量。JSON 包含有序调色板、基色 HEX 和配色关系标识。浏览器书签不会在此工具中保存调色板结果。
互补色是色轮上相对的颜色。它们放在一起时创造高对比度和活力感。
大多数设计使用3-5种颜色效果最好。使用60-30-10规则：60%主色、30%辅色、10%强调色。