色彩调色板

从图片中提取配色方案，或为您的项目生成和谐的色彩组合。

免费

#0088FF

H:208 S:100 L:50

#0008FF

H:238 S:100 L:50

#7700FF

H:268 S:100 L:50

#00FFF7

H:178 S:100 L:50

#00FF77

H:148 S:100 L:50

Base:

预设

Export as Code

:root {
  --color-1: #0088ff;
  --color-2: #0008ff;
  --color-3: #7700ff;
  --color-4: #00fff7;
  --color-5: #00ff77;
}

如何生成调色板

使用 The IT Hustle 免费调色板生成器，创建和谐的配色方案。

工具支持互补色、类似色、三角色、分裂互补色和单色配色方案——均基于色彩理论原则。

可以。上传任意图片，工具会提取其中的主色调，生成基于该图片配色的调色板。

可以将调色板导出为 CSS 自定义属性（变量）、SCSS 变量、Tailwind CSS 配置，或直接单独复制十六进制色值。