返回工具列表

配色生成器

输入任意 HEX，一键生成多套可用配色。

配色生成器

输入任意 HEX，一键生成多套可用配色。

基础 HEX

配色生成器

输入任意 HEX，一键生成多套可用配色。

Minimal Editorial · 极简编辑风

适合：品牌官网、作品集、杂志排版、极简 UI

#F0EEE9

1

#1F2937

2

#9CA3AF

3

#435070

4

#C8A96A

5

Warm Cozy · 奶油摩卡

适合：生活方式品牌、咖啡/烘焙、家居电商

#F0EEE9

1

#6B4F3A

2

#A58273

3

#888F56

4

#2D1E17

5

Modern Contrast · 冷静高级

适合：科技产品、B2B、强调对比的 UI

#F0EEE9

1

#111827

2

#3B5B7A

3

#D1D5DB

4

#D94F4F

5

Coastal Airy · 海岸清爽

适合：旅行、香氛、婚礼/活动物料

#F0EEE9

1

#A7D7C5

2

#1B3A57

3

#D9C6A5

4

#E58B7B

5

Japandi · 侘寂日式

适合：家居、家具、空间视觉、品牌手册

#F0EEE9

1

#B7A99A

2

#8B6F5A

3

#888F56

4

#2B2B2B

5

Luxury Night · 轻奢夜色

适合：美妆、珠宝、酒类（或任何“高端感”视觉）

#F0EEE9

1

#724983

2

#C48F7A

3

#2F2F35

4

#D4C0CF

5

Citrus Pop · 清新柑橘

适合：夏季活动、快消、电商促销主图

#F0EEE9

1

#E7C547

2

#7FAF3B

3

#539381

4

#2B2B2B

5

Neutral Scale · 纯净中性色阶

适合：设计系统底盘、PPT 主题、统一全站质感

#FFFFFF

1

#F0EEE9

2

#E5E7EB

3

#A3A3A3

4

#374151

5

使用方式

粘贴基础 HEX 色值。
一键生成单色、类似色、互补色、三色组方案。
复制十六进制列表或 CSS 变量，直接放入设计系统。