快速上手：生成基础调色板
打开 HeronTool 的 Color Palette (配色方案生成) 工具。输入一个主色（如品牌蓝 #2196F3），点击生成，工具会自动输出包含 5 种颜色的和谐搭配（互补、邻近、三角等）。你可以直接复制色值（HEX/RGB），或点击“随机”探索更多灵感。
进阶技巧：单色阶与 Material 配色
若需同一色系的深浅变化，使用 Monochrome (单色阶) 工具：设定基准色后，调整亮度/饱和度滑块，即可获得 10 级渐变阶，适合按钮、背景或数据可视化。
对于 Material Design 风格，Material Palette (Material 配色) 提供 500/700/900 等标准色阶，并自动生成主色、辅色及强调色的搭配建议。选择主色后，工具会展示浅色/深色变体，并给出可访问性对比度提示。
实际应用与导出
确定配色后，可从任一工具界面一键复制所有色值（支持 CSS/Sass/JSON 格式），或导出为图片（PNG/SVG）。建议将主色、辅色、中性色按 60-30-10 比例分配，确保视觉平衡。
常见问题 (FAQ)
Q: 如何让配色更协调？ 使用 Color Palette 的“和谐规则”选项，或基于同一主色生成单色阶。
Q: Material Palette 与普通调色板有何区别？ 前者严格遵循 Material 设计规范，提供语义化色阶和对比度校验，适合 Android/Web 组件。
Q: 能否自定义色阶数量？ Monochrome 支持 5-20 级自定义，Color Palette 固定 5 色，Material Palette 固定 3 组色阶。
文章标签
