多色和谐配色

让多个颜色搭配更和谐统一

多色输入 *必填

这些颜色将被统一协调,最多添加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组件库

不同状态色需要统一明度

印刷物料

海报、宣传册的视觉平衡

配色设计

网页、平面等多色协调设计

使用建议

首次使用推荐"默认"等级,尊重你的明度选择

点击任意色块可设为基准色,不改变位置

想调亮配色选"浅色系",加深选"强对比"

调整后查看"黑白预览",确认明度统一