By 时代数字趋势2021-10-05

颜色搭配是一个非常耗费时间的过程，你需要进行大量的尝试和调整才能设计出想要的颜色，但能够配出赏心悦目的颜色是设计师的基本功。

聪明的设计师都知道重新发明轮子非常浪费时间，因为现在网络上有这么多免费的线上资源，能节省你宝贵的时间。

本篇文章将介绍12个最好用的配色网站，使用它们、结合配色技巧和自己对颜色的独到审美，肯定能帮助你节省下大量的时间，最重要的是它们使用非常方便，并且完全免费使用。

• 最好用的配色网站推荐
  • 1. Paletton
  • 2. Color Safe
  • 3. Adobe Color CC
  • 4. Ambiance
  • 5. 0to255
  • 6. Flat UI Colors
  • 7. Color Supply
  • 8. Coolors
  • 9. Material Colors
  • 10. Palette Generator
  • 11. Mudcube Color Sphere
  • 12. ColRD
• 结论

最好用的配色网站推荐

1. Paletton

Paletton 是网站设计师大概都知道的经典配色网站，它已经存在于网络上许多年，并且至今仍然是非常出色的颜色组合测试工具。

你只需要输入颜色号码，接着就让这个应用程序执行操作即可，你可以选择不同的颜色来判断它们在设计中是否适合。

每种颜色的选择，都可以发现到对比度不同的细微变化。Paletton 是一个可靠的配色工具，对于不了解颜色设计的新手设计师来说非常有用。

2. Color Safe

如果设计过程中需要考虑 WCAG (网页内容无障碍)，那么Color Safe就是你最佳的工具选择。使用此款网络应用程序，你可以生成出完美的配色方案，并提供符合 WCAG 标準的颜色对比。

你可以从中选择具有高对比度的颜色，这可以有效增加使用者的方便阅读性。因此推荐你使用 Color Safe 来符合 WCAG 的规定，提升每个用户的使用者体验。

3. Adobe Color CC

Adobe Color CC 以前被称为 Adobe Kuler，它是 Adobe 专门为设计师开发的免费配色工具，任何人都可以使用它从头开始完成配色方案。

你可以从多种模式来进行颜色配对测试，并从中选择最符合需求的颜色。Adobe Color CC 的操作界面虽然有点阳春，不过一旦掌握它就可以轻鬆完成配色工作。

4. Ambiance

Ambiance 也是一款免费配色网站，它提供从网络上其他配色网站中，撷取预先製作好的调色板。你可以将颜色储存到自己的配置文件中，并从头开始创建自己的配色方案。

你所看到的这些调色板都来自 Colorlovers，这些调色板都是经过预製，并由该社区投票通过。Ambiance 的使用界面很简洁，并且着重在UI设计的颜色配对。

5. 0to255

0to255 不是一个完整的配色方案生产器，但它可以帮助你调整现有的配色。它会显示每个颜色对应的不同深浅度，所以非常适合用来设计混搭颜色。

当进到网站后，你会发现一个巨大的颜色网格，接着点击任意一种颜色便会进入一个颜色渐变网页。你可以从不同的明暗度中进行选择，并最终找到适合你的目标颜色。

6. Flat UI Colors

随着网络时代的蓬勃发展，平面设计的需求与日俱增，如果你是设计师想顺应这个大好趋势，那么 Flat UI Colors 会是非常棒的工具网站。

它提供多款现成的平面设计和网页UI设计的配色方案，你只需要点击複製这些颜色码，然后直接将 HEX 代码複製贴到 Photoshop 或 CSS 即可。

虽然这个配色网站很小，大概只有15款 UI 界面配色，但对于新手来说有个帮你配好颜色的模板可以参考，毫无疑问是非常方便的事情。

7. Color Supply

Color Supply 是一款多功能的颜色选择器，它具有非常实用的配色功能，你可以从色轮中选择一种颜色，然后再选择需要的配色样式，例如互补色、三色组合等。

你可以选择不同的颜色混合，并确认哪种颜色最适合你。不必靠猜测来得出结果，实际上可以通过预览来检查颜色。如果你正在找一款配色网站，希望从中获取设计灵感，那么 Color Supply 推荐给你。

8. Coolors

Coolors 是我们最喜欢的配色网站，它的操作介面非常的简洁美观，所有对比色以长方形的方式一字排开，你可以手动调整颜色和明暗度，并且下面就有颜色码可以直接选取。

顺带一提，它还有免费的 Google Chrome 扩充外挂可以安装，你只需要注册一个免费帐号，就可以随时将自己喜欢的配色方案储存起来。

9. Material Colors

Material Colors 是由 Google 认可的网络应用程序，它主要着重在手机 APP 的 UI 设计，允许你从数百种配色方案中进行选择。如果你是行动装置应用程序的设计师，那么推荐你将 Material Colors 加入我的最爱。

10. Palette Generator

Palette Generator 与 Pictaculous非常相似，目前 Pictaculous 已经无法使用，因此 Palette Generator 就成了它的最佳替代工具。

当你进到网站后，你需要上传图片来让它撷取其中的颜色，一次最多可以上传20张图片。上传图片后，它会帮你分析图片中的主要配色，包含对应的颜色色码和颜色在照片中的佔比。

如果你看到一个不错的网站设计，并且想研究网站的配色，那么你只需要用截图软件来收集网站的截图，并且把图片上传到 Palette Generator，它就会告诉你应该选择的颜色。

11. Mudcube Color Sphere

Mudcube Color Sphere 提供自动调色板让你轻鬆完成配色任务，你只要选择一种基础颜色，并选择一个生成规则，接着进行调整直到你满意为止。

它与 Paletton 相当类似，使用界面容易使用。当你调整满意后，可以将结果另存为  Adobe Illustrator 文件 或 Photoshop 文件，或者以 URL 来储存供日后使用。

12. ColRD

ColRD 是一款非常直觉的配色产生器，它具有多种选项，其中最棒的功能是你可以参考其他人上传的图片，这些图片都有配色并直接显示在下方，你可以选择自己喜欢的图片，点击进去在侧边栏就有色码可以複製。

结论

以上就是最好用的配色网站介绍，你可以从中挑选一款喜欢的来用，相信在色彩搭配上再也不会有困难。