配色方案生成器

关于配色方案生成器

此工具基于色彩理论关系生成五色调色板，让颜色真正协调搭配，而不是相互冲突。它是品牌、网站、海报、幻灯片、插画或界面设计的起点——当你盯着空白的色板面板不知从何下手时，可以从这里开始。选择一种配色方式，反复生成直到满意为止，点击任意色块即可将其 HEX 代码直接复制到你的设计工具或 CSS 中。

工作原理 — 配色方式

它从一个随机基础色相开始，利用色轮上的位置关系推导出其他颜色，再将每个颜色转换为 HEX 代码：

• 类似色 — 与基础色相邻近的色相（色轮上的邻居），呈现平静、协调的效果。
• 互补色 — 基础色加上其对立色（相隔 180°），营造高对比度。
• 三角色 — 三个色相均匀相隔 120°，平衡且鲜艳。
• 单色 — 同一色相的多个明度层次，呈现细腻的色调渐变。
• 随机 — 五个不相关的色相，带来意外的惊喜。

饱和度和明度在宜人的范围内变化，使色块看起来像一个整体的组合。

假设与行为

• 每个调色板包含五种颜色，由 HSL 关系生成并以 HEX 输出。
• 每次生成都会选择一个全新的随机基础色相，因此即使配色方式相同，每次点击都会得到新的调色板。
• 饱和度处于中高范围，明度在各色块间分布，使颜色可用而不会显得褪色或浑浊。
• 点击色块可复制其 HEX 值；也可以一次性复制整套颜色。

局限

• 它不检查颜色对比度是否符合无障碍标准。 好看的调色板不代表自动符合文字与背景的 WCAG 对比度要求；在将其中两种颜色用作文字和背景之前，请单独验证对比度。
• 调色板是生成的，而非精心挑选的——配色规则保证了协调性，但审美判断仍然重要；多生成几次直到找到合适的一套。
• 仅输出 HEX（没有 RGB/HSL 导出，也没有“主色/强调色”之类的命名角色）。
• 每个调色板生成五种颜色；不会为设计系统构建完整的色调/阴影梯度。

隐私

调色板完全在你的浏览器中生成。任何内容都不会被上传或存储。