配色永远是设计师经典的话题，对于自学设计没有接受过系统的色彩训练的同学来说，配色始终是个头疼的问题。今天muzli收集汇总了58款配色网站和工具。先看看都有哪些工具吧。

1. Muzli Colors

利用这个工具，选择一个你想要配的主色，可以迅速生成多种配色方案，而且你可以编辑修改调色板的颜色，更重要的是，还有ui kit 示例，支持一键下载ui kit!

2. Colorable

颜色对比测试器。

3. Color Leap — History’s Palettes

跨越时间，看看历史的色彩。可以在线搜索过去4000年历史用过的180种调色板。

4. Picular

Picular 是一个基于谷歌搜索的快速原色生成器

5. Colourcode

这是一个在线设计工具，利用鼠标滑动位置，可以帮助你轻松直观地组合颜色。

6. Palettte App

最终的调色板编辑和重映射工具,可以直接导出json,css文件

7. Colorinspire

提供了一些场景的配色色板，给你输送一些色彩灵感

8. ColorSpace

一个神奇的色板生成器和渐变色工具

9. Pigment

一个基于灯光和颜料在线生成调色板的神奇工具

10. Adobe Color

在【建立】里利用不同的配色规则，比如类比，单色，三原色，补色等，在色环里拖动颜色区域，可以生成一套包含5个颜色的配色方案。在探索里使用颜色、情境或关键词搜寻，将为你搜寻来自adobe stock 和behance影像中最美丽的主题。

推荐指数：5颗星

11. Colors & Fonts

Colors&Fonts是一个为开发人员和数字设计师提供色彩渐变、调色板和字体配对灵感的极具策划性的集合网站

12. HueSnap

拖拽一个你喜欢的图片，获取颜色信息，创建你的调色板，并可以和他人共享。

13. Culrs

Culrs,一个特别简单智能的调色板

推荐指数：4颗星

14. Eva Design System

使用深度学习算法生成的彩色调色板，给你的产品生成一个系统级色彩体系

推荐指数：5颗星

15. Scale

帮你生成一个比色刻度尺

16. BrandColors

500多个官方品牌色彩代码收藏网站。包括Facebook, Twitter, Instagram等。

17. HTML Color Codes

轻松找到HTML颜色代码，颜色图表和HTML颜色名称十六进制颜色代码，RGB和HSL值。

18. ColorBox

帮你生成一套颜色合集

19. Generate — Coolors.co

几秒钟之内创建，保存并分享好看的调色板

20. Color — Cloudflare Design

给你的界面设计生成一套配色方案

21. Instant Duotone Effect Generator

快速创建duotone效果的照片。

22. Color Tool — Material Design

为UI创建和共享调色板，并可测量任何颜色组合的可访问性。

23. Blendy

Blendy是一个快速预览CSS背景混合模式图片的工具。

24. LOL Colors

调色板灵感

25. Color Hunt

Color Hunt是一个免费开放的色彩灵感平台，拥有数千种时尚的调色板

26. ColorMe

可视化CSS颜色功能。

27. Polarite

Polarite是一款机器学习辅助决策应用程序，用于生成和谐的配色方案。

28. Gradient Hunt

日更！精选数千种时尚的渐变色。

29. ColorSpark

一种简单有效的工具，可随机生成颜色和渐变

30. SVG Colorizer

自动着色SVG矢量图形

31. Sip

适用于Mac的Sip Color Picker。帮助收集整理并且与团队分享颜色的工具。

32. CoolHue 2.0

获得免费的渐变颜色sketch插件

33. Color Koala

一款快速调色板生成器

34. SchemeColor

下载，创建和分享数以千计的色彩组合。获取有关十六进制颜色代码的详细信息，并将其转换为RGB和CMYK等效代码。

35. Free Mesh Gradient Collection

免费的100多个渐变色合集，有sketch,ai 格式下载

36. WebGradients

Photoshop和Sketch中180个漂亮的线性渐变。此系列由顶级设计师策划，完全免费。

37. Gradient Buttons

炫酷的按钮，还有悬停的动画效果,一键copy css代码

38. ColorKit

Color Blender通过混合两种颜色来生成色阶。输入开始和结束颜色，然后选择混合步骤数，以显示步进渐变。可导出svg。

39. Eggradients

根据最新的设计趋势准备的渐变背景颜色。

40. Cool Backgrounds

特别酷的精美的背景，选择一个基本的模版后，可以根据自己的需要调整颜色等，可以添加到博客，网站或桌面和手机当作壁纸。

41. Google Art & Culture Experiment — Art Palette

搜索与您选择的颜色组合相匹配的艺术作品

42. GradPad

CSS渐变生成器，在浏览器中为Web设计创生动的CSS颜色渐变

43. Color palettes

浏览Canva的数千种颜色组合，无需聘请设计师即可创建自己的设计。免费！

44. Color Safe

根据Web内容无障碍指南（WCAG）为您的网站探索美观，易用的调色板。

45. Paletton

使用色轮创建好用的调色板。

46. Colordot

通过鼠标上下左右的点击，调整并全局预览颜色

47. Colors

100％数据驱动的调色板集合。

48. Contrast Ratio

轻松测试颜色对比度。通过WCAG从未如此简单！

推荐指数：5颗星

49. Color Lisa

世界上最伟大的艺术家的色彩杰作集合。

50. Color Designer

你只需选择一种颜色，它会帮你全方面构建调色板，基于你选的颜色生成多种色调和阴影等。

51. Color.review

同样是个根据Web内容无障碍指南（WCAG）测试颜色对比度。

52. Blend

自定义漂亮的渐变，一键copy css3。

53. Contrast

用于快速访问WCAG色彩对比度的mac  软件

54. Grabient

用于生成Web渐变的美丽而简单的UI。

这么多配色网站和工具，妈妈再也不担心我的配色啦！有些网站功能相似，大家按需所取即可。为了方便大家访问这些网站，我已经把这些网站整理成书签放到下载了。有需要的可以去下载哦。

整理不易，觉得有用的就点个赞吧～