多色和諧配色

讓多個(gè)顏色搭配更和諧統(tǒng)一

多色輸入 *必填

這些顏色將被統(tǒng)一協(xié)調(diào),最多添加10個(gè),默認(rèn)第一個(gè)顏色為主色,可手動(dòng)選擇

支持批量粘貼,自動(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)一