多色和谐配色
让多个颜色搭配更和谐统一
多色输入 *必填
这些颜色将被统一协调,最多添加10个,默认第一个颜色为主色,可手动选择
建议明度范围:50-60
未添加颜色
背景色 & 文字色 选填
+
建议 80-95
未设置
+
建议 ≤25
未设置
明度等级
工具使用指南
让你的配色更和谐专业
💡 什么是感知明度协调?
在设计中使用多个不同色相(如红、黄、蓝)时,即使它们的HSL明度相同,人眼感知到的亮度却可能差异很大。
核心功能:基于人眼感知明度(WCAG 2.0标准),让不同色相的颜色实现视觉搭配和谐。
使用步骤
1
选择明度等级
默认/浅色系/强对比
2
添加颜色
输入1-10个颜色
3
设置基准色
点击色块切换基准
4
明度分析
查看黑白对比
5
一键协调
自动统一明度
6
导出结果
复制或下载配色
核心特色
感知明度算法
基于WCAG 2.0标准,考虑人眼对RGB的敏感度差异
绿71% > 红21% > 蓝7%
灵活基准色
任意颜色可设为基准,其他颜色向它对齐
位置不变
黑白观察层
实时显示真实明度,模拟PS专业流程
所见即所得
智能批量输入
自动识别分隔符,支持从设计工具直接粘贴
高效便捷
典型应用场景
APP多分类配色
多种不同色相需要视觉统一
品牌色系扩展
主品牌色衍生辅助色,保持一致性
数据可视化
图表、仪表板的多色明度协调
UI组件库
不同状态色需要统一明度
印刷物料
海报、宣传册的视觉平衡
配色设计
网页、平面等多色协调设计
使用建议
首次使用推荐"默认"等级,尊重你的明度选择
点击任意色块可设为基准色,不改变位置
想调亮配色选"浅色系",加深选"强对比"
调整后查看"黑白预览",确认明度统一