多色和諧配色
讓多個顏色搭配更和諧統一
多色輸入 *必填
這些顏色將被統一協調,最多添加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組件庫
不同狀態色需要統一明度
印刷物料
海報、宣傳冊的視覺平衡
配色設計
網頁、平面等多色協調設計
使用建議
首次使用推薦"默認"等級,尊重你的明度選擇
點擊任意色塊可設為基準色,不改變位置
想調亮配色選"淺色系",加深選"強對比"
調整后查看"黑白預覽",確認明度統一