品牌配色搭配器

从商品图片提取颜色，调整五色色卡，实时预览简单商品广告。

图片仅在浏览器本地处理，无需上传或消耗生成积分。

1. 选择商品图片

SEREIN 是虚构概念品牌。示例颜色从商品照片实际提取。

2. 调整五种颜色

更换用途会交换对应的两种颜色。

#B87520

用途

#F3EBDD

用途

#D9AD69

用途

#30251E

用途

#8B7159

用途

实时配色预览

精选系列

日常的一点美好

选择图片以预览你的商品。

为下一次创作试试这组配色。

文字 / 背景对比度 12.59:1

AA：普通文字可用。

AA 标准：普通文字 4.5:1，大字 3:1。这里只检查选定的文字色与背景色。

查看 / 手动复制 CSS

:root {
  --brand-primary: #B87520;
  --brand-background: #F3EBDD;
  --brand-accent: #D9AD69;
  --brand-text: #30251E;
  --brand-secondary: #8B7159;
}

将配色用于下一次创作：打开画布