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