# Goodpalette：免费的 UI 配色生成器

> 本文开放前 70% 正文，剩余内容会员可见。

原文：https://utgd.net/article/20635

Goodpalette 是一个专注于 UI 设计的配色生成器。

🔗 Goodpalette

市面上有很多颜色搭配生成器，比如随机生成 4~5 种搭配协调的颜色，不过在实际应用中还是会遇到一些困难。很多时候光靠色卡，并不能设计出一套体验良好的 UI 配色。

Goodpalette 这个工具的设计理念是简化配色流程，这款工具的开发者在它的介绍中提到这样一个观点：

> 观察一些具有强烈色彩品牌的网站，我们可以发现它们的共同点。例如，Airbnb 和 DigitalOcean 的网站截图显示，页面上并没有使用五种不同的颜色。实际上，大部分页面由各种灰色调构成。除了图片和插图外，通常只有一个主色调：品牌色。有时，会使用一个次要的强调色来突出关键元素，但应谨慎使用。

所以在这款工具中，色彩方案被限制在“主色、强调色、中性色调”这三种颜色，然后在此基础上，给每个颜色添加 9 种色调，并在右侧进行效果展示。看起来，有这三种颜色就足够设计出一个好看的页面了。

这款工具还支持将色彩方案导出为 SVG 或 CSS/SCSS 变量。只需要点击“导出为 SVG”，然后直接粘贴到你的设计应用，如 Figma 或 Sketch。

此外，如果你想指定几种颜色，可以在链接中直接指定颜色，像这样：

---

[前往标准阅读页](https://utgd.net/article/20635?audience=web)