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