多色和諧配色
讓多個顏色搭配更和諧統(tǒng)一
多色輸入 *必填
這些顏色將被統(tǒng)一協(xié)調(diào),最多添加10個,默認第一個顏色為主色,可手動選擇
建議明度范圍:50-60
未添加顏色
背景色 & 文字色 選填
+
建議 80-95
未設(shè)置
+
建議 ≤25
未設(shè)置
明度等級
工具使用指南
讓你的配色更和諧專業(yè)
?? 什么是感知明度協(xié)調(diào)?
在設(shè)計中使用多個不同色相(如紅、黃、藍)時,即使它們的HSL明度相同,人眼感知到的亮度卻可能差異很大。
核心功能:基于人眼感知明度(WCAG 2.0標(biāo)準(zhǔn)),讓不同色相的顏色實現(xiàn)視覺搭配和諧。
使用步驟
1
選擇明度等級
默認/淺色系/強對比
2
添加顏色
輸入1-10個顏色
3
設(shè)置基準(zhǔn)色
點擊色塊切換基準(zhǔn)
4
明度分析
查看黑白對比
5
一鍵協(xié)調(diào)
自動統(tǒng)一明度
6
導(dǎo)出結(jié)果
復(fù)制或下載配色
核心特色
感知明度算法
基于WCAG 2.0標(biāo)準(zhǔn),考慮人眼對RGB的敏感度差異
綠71% > 紅21% > 藍7%
靈活基準(zhǔn)色
任意顏色可設(shè)為基準(zhǔn),其他顏色向它對齊
位置不變
黑白觀察層
實時顯示真實明度,模擬PS專業(yè)流程
所見即所得
智能批量輸入
自動識別分隔符,支持從設(shè)計工具直接粘貼
高效便捷
典型應(yīng)用場景
APP多分類配色
多種不同色相需要視覺統(tǒng)一
品牌色系擴展
主品牌色衍生輔助色,保持一致性
數(shù)據(jù)可視化
圖表、儀表板的多色明度協(xié)調(diào)
UI組件庫
不同狀態(tài)色需要統(tǒng)一明度
印刷物料
海報、宣傳冊的視覺平衡
配色設(shè)計
網(wǎng)頁、平面等多色協(xié)調(diào)設(shè)計
使用建議
首次使用推薦"默認"等級,尊重你的明度選擇
點擊任意色塊可設(shè)為基準(zhǔn)色,不改變位置
想調(diào)亮配色選"淺色系",加深選"強對比"
調(diào)整后查看"黑白預(yù)覽",確認明度統(tǒng)一