🎨调色板生成
选择一种主色，自动生成互补、近似、三色系等专业配色方案，帮助设计师和开发者快速建立和谐色彩体系。
#2563EB
📐 方案
🎨 调色板
— 互补色方案
💡 使用说明
- 点击 颜色选择器 选取你的主色，或直接输入 HEX 值。
- 选择 配色方案：互补、近似、三色、四色、单色，自动生成 5 色和谐调色板。
- 点击任意 色块 可复制该颜色的 HEX 值，方便在设计软件中使用。
- 点击 🎲 随机 可快速探索不同配色组合，激发灵感。
- 点击 📋 复制全部 一键复制所有颜色值，便于批量使用。
- 所有处理均在浏览器本地完成，不会上传任何数据，保护你的设计隐私。
💡
提示： 调色板基于 HSL 色彩模型生成，主色位于中间（第 3 个色块），其他颜色围绕主色协调变化。
❓ 常见问题
调色板生成器支持哪些配色方案？
支持互补色（色轮上相对的颜色）、近似色（色轮上相邻的颜色）、三色系（色轮上等距的三种颜色）、四色系（矩形分布的四种颜色）、单色系（同一色相的不同明度和饱和度变体）等多种配色方案。
什么是互补色配色方案？
互补色是色轮上相对位置的两种颜色（如红与绿、蓝与橙），它们组合在一起时对比强烈、视觉冲击力强，适合用于突出重点内容或创建动感的设计。
什么是近似色配色方案？
近似色是色轮上相邻的2-4种颜色（如蓝、蓝绿、绿），它们组合在一起和谐统一，给人平静舒适的感觉，适合用于创建柔和、协调的视觉效果。
三色系配色适合什么场景？
三色系（三色组）是色轮上等距分布的三种颜色，既有对比又保持平衡，是设计师最常用的配色方案之一。适合用于网页设计、品牌设计、海报设计等需要丰富色彩层次的场景。
如何将生成的配色应用到设计中？
点击调色板中的任意色块即可复制对应的HEX或RGB色值，然后直接粘贴到Photoshop、Figma、Sketch等设计软件，或CSS代码中使用。