快速上手配色
在HeronTool的配色工具中,首先选择您的基准色。点击色轮或输入十六进制代码,即可锁定主色调。工具会立即生成对应的色彩方案,并显示在右侧面板。三步操作:选色、预览、导出。
使用三种配色模式
互补色(Complementary):一键获取与基准色呈180°对立的颜色,适合高对比度设计。点击“互补”标签,系统自动生成主色与互补色的双色组合,您可调整亮度以适配背景或文字。
近似色(Analogous):选择“近似”模式,工具将展示基准色相邻30°范围内的3-5种颜色,营造柔和、自然的渐变效果。拖动滑块可微调色相间隔,适合用于品牌视觉或界面渐变。
三角配色(Triadic):切换至“三角”模式,HeronTool自动计算三个等距(120°)的颜色。您可旋转色轮改变整体色调,并分别调整每个颜色的饱和度,确保均衡而不刺眼。
导出与实践
完成配色后,点击“导出”按钮,支持CSS变量、SVG或PNG格式。将方案直接用于网页设计、PPT或插画中。建议对比前景与背景的对比度,利用工具的亮度指示器优化可读性。
常见问题 (FAQ)
Q: 如何保存多个方案? 点击方案卡片旁的收藏图标,即可存入本地“我的色彩库”。
Q: 色盲用户如何选择? 使用“模拟”功能查看色盲视角,并优先选择亮度差明显的组合。
Q: 可以基于图片提取配色吗? 目前不支持,但您可从图片中取色作为基准色,再使用近似模式扩展。