什么是调色板生成器？
调色板生成器（Color Palette Generator）是一个利用数学和色彩学算法，根据您选择的“基准色”自动生成一组和谐颜色的工具。它解决了设计师在面对空白画布时“如何开始第一笔”的具体难题。通过科学的色彩理论，它能确保您选取的颜色在视觉上是协调的、专业的且具有情感共鸣的。
核心配色理论解析
- 类比色 (Analogous)： 在色轮上相邻的颜色。它们通常在自然界中成组出现，能营造出宁静、舒适的视觉感受。
- 互补色 (Complementary)： 在色轮上完全相对的颜色。它们能产生极强的视觉对比，非常适合用于行动召唤（CTA）按钮或重点强调。
- 单色 (Monochromatic)： 同一色相的不同饱和度和亮度变化。这是一种极简且绝对安全的配色方案，能让 UI 看起来非常整洁一致。
- 分裂互补 (Split Complementary)： 结合了类比色和互补色的优点，既有对比又不会过于刺眼，是很多 UI 设计师的首选。
- 三角色 (Triadic)： 在色轮上呈等边三角形分布。它们充满活力，即便饱和度不高也能保持视觉平衡。
如何为您的项目选择合适的调色板？
- 定义品牌情感： 蓝色代表信任，红色代表热情，紫色代表创意。首先选定您的品牌主色。
- 确定配色模式： 企业类网站适合单色或类比色；电商或游戏类网站适合互补色或三角色。
- 应用 60-30-10 原则： 60% 使用主色（通常是背景），30% 使用辅助色，10% 使用强调色。
- 检查对比度： 确保文字颜色与背景色之间有足够的对比度，以满足无障碍设计（WCAG）标准。
常见问题 (FAQ)
Q: 为什么生成的颜色看起来很脏？
A:
这通常是因为基准色的饱和度太低或亮度太低。尝试选择一个更明亮的基准色，或者在生成的代码中微调亮度数值。
Q: CSS 变量该如何使用？
A: 复制生成的代码并粘贴到 CSS 的
:root
选择器中，然后通过
var(--primary-color)
这种方式引用它们。
Q: 随机生成的功能有什么用？
A: 当您缺乏灵感时，随机生成可以带您跳出思维定式，发现一些意想不到但科学和谐的配色组合。