2020 设计师主流配色网站推荐

平面设计作为一种以视觉来与用户进行沟通的艺术，其中色彩应用与搭配是一门非常讲究的学问，优秀的色彩搭配不仅可以美化版面，给观赏者带来视觉上的享受，还能进一步提升整个作品的感染力，让观赏者能够更加深入的去理解作品的内涵。

今天给大家推荐一下目前使用频次较多的配色网站，希望对你有所帮助~~ 

 01. Adobe Color 

https://color.adobe.com/create

Adobe Color是Adobe官方出品的配色工具，涵盖了多种配色模式，如单色系、三原色、互补色等，同时支持CMYK、RGB、HSV等模式，通过不同的色彩规则来提供配色参考。

 02. Color Hunt 

https://colorhunt.co/

一个免费开放的色彩灵感平台，提供数千种时尚配色方案。

 03. Muzli Colors 

https://colors.muz.li

导入图片，即可提取该图片中存在的颜色色号，同时会推荐多种类似颜色配案。

 04. HueSnap 

https://www.huesnap.com/

HueSnap是一款便捷实用的取色工具，使用者可以提取图像中的颜色详细信息，包括十六进制、RGB、CMYK、HSV、HSL等。

 05. Colorable 

https://colorable.jxnblk.com/

一款强大、便捷的在线评估颜色工具。

 06. Colrd 

http://colrd.com/

主旨为创造和分享色彩灵感与世界的一个配色网站。

 07. Eva Design System  

https://colors.eva.design/

一款深度学习彩色发生器设计系统，适用于生成系统的品牌、商品配色方案，同时也适用于Sketch with Mobile和Web组件库。

 08. History’s Palettes 

https://colorleap.app/home

爱好复古色的你不可错过，在线观摩4000年间设计风格的变迁，并且生成名作中的经典配色方案。

 09. Picular 

 https://picular.co/

网页色彩的 Google，不同于其他的配色工具，只要在 Picular 输入任何名词、动词或其他任意词组，即会显示出一堆相关色彩。

 10. Colourcode 

https://colourco.de/

一个让色彩理论可视化的配色网站，选定一个颜色即就能看到它的互补色、相似色等。

 11. Culrs 

https://culrs.com/ 

Culrs是一个比较综合型的配色网站，由印度的两位设计师创立，给出的配色方案分为邻近色、三色、四色和单色，每种色彩界面简洁清新。

 12. 中国传统色 

http://zhongguose.com

中国风配色，据称收录了最齐全的中国色，提供了约560种之多的中国传统风格的颜色色值。

 13. 日本传统色 

https://nipponcolors.com/

日本传统色配色网站，和风配色、上百种选择。

 14. Color Designer 

https://colordesigner.io/ 

 15. ColorSpace 

https://mycolor.space/

ColorSpace是一款非常便捷、实用的渐变生成器，只需要选择一个颜色，就可以快速生成20~30种不同风格的配色方案。

 16. SchemeColor 

 https://www.schemecolor.com/

一款智能色号生成推荐器，系统会根据输入的相关词组进行多款色号推荐，用户可根据需求进行选择。

 17. Palettte App 

 https://palettte.app/

一款支持色彩编辑和重映射工具，它能够帮助你构建从一种颜色到另一种颜色的色彩方案，也支持微调单个颜色，并且你还可以导入、分析和编辑现有的色彩方案。

 18. Pigment 

https://pigment.shapefactory.co/

Pigment提供双色色卡，每一个渐变里都含有两个颜色的层次渐变色卡，右上方的「more Actions」包括了将色卡下载为 SVG、Sketchpalette 格式或者是可导入 adobe 软件作为颜色预设的 ase 格式。

 19. Scale 

https://hihayk.github.io/scale/

在线色卡生成器。

 20. BrandColors 

https://brandcolors.net/

官方品牌配色合集网站，收录了大量品牌的颜色代码，比如：我们熟悉的Airbnb、Amazon 、Dribbble等，品牌名字由 A-Z 顺序排号，一键显示该颜色的HEX代码，支持 ASE（like ACO）、SCSS、LESS 和 CSS 格式。

 21. Generate — Coolors.co 

https://coolors.co/

一款快速配色方案生成器。

 22. Palettable 

 www.palettable.io

用户可对系统推荐的色号选择喜欢或不喜欢，直到生成满意的色板。  

 23. Colors & Fonts 

https://www.colorsandfonts.com/

输入相关词组，即会生成相对应的配色方案，十分适合用来寻找灵感~~  

 24. Site Palette 

http://palette.site/

Site Palette是一款可以从网站获取该页面的基本颜色配色，一键产生完整调色盘的chrome插件。

 25. HTML Color Codes 

https://htmlcolorcodes.com/

支持查看HTML颜色代码。  

 26. ColorBox 

https://www.colorbox.io/

多种选项，轻松创建色彩集~~

 27. Cloudflare Design 

https://cloudflare.design/color/ 

一个用于界面设计（UI）的配色参考网站。

 28. Duotone Effect Generator 

 https://duotones.co/ 

根据上传图像或在线图像，网站可生成几十个完美的双色调配对。

 29.LOL Colors 

https://www.webdesignrankings.com/resources/lolcolors/

LolColors网站是由一位名叫Mackenzie Child的设计师，在24小时内独立开发而成的网页配色站点，界面简单清新。

 30. ColorMe 

https://colorme.io/

一款css色彩可视化工具，拥有较多的参数设置，比如亮度、色彩饱和度、透明度、对比度等。

 31. ColorSpark 

 https://colorspark.app/

一款随机色号生成工具。

 32. Colors 

https://klart.io/colors/

一个100%的数据驱动生成的调色板集合网站。

 33. WebGradients 

https://webgradients.com/

一个时尚的渐变色参考网站，支持photoshop、sketch、png 等格式。

 34. Gradient Hunt 

https://gradienthunt.com/

一个持续更新的渐变色参考网站。

 35. CoolHue 2.0 

https://webkul.github.io/coolhue/sketch-plugin/

一款可以免费下载使用的sketch渐变配色插件工具。

 36. Free Mesh Gradient Collection 

 https://www.ls.graphics/meshgradients

一个支持PNG、SKRTCH、AI等多种模式下载的渐变色合集。

 37. Gradient Buttons 

https://gradientbuttons.colorion.co/

一款支持css代码的渐变参考色工具。

 38. ColorKit 

https://colorkit.io/

一款色彩渐变生成器，输入起始颜色及步骤数，即可获得渐变配色方案，同时支持svg格式导出。

 39. Eggradients 

https://www.eggradients.com/

一款时尚的渐变调色板参考工具，拥有200+当下流行的渐变背景色，支持css代码。

 40. Cool Backgrounds  

https://coolbackgrounds.io/

5个开源生成器的简化版整理组成的工具集，内置五种背景风格，如下：

a.多边形风格

 https://trianglify.io 

▼

b.动态粒子效果

https://marcbruederlin.github.io/particles.js/

▼

c.渐变

 https://cssgradient.io 

▼

d.渐变层生成器

 https://s.muz.li/NTFiZjk0ZWFh

▼

e.Unsplash图片集

unsplash.com

▼

 41. Art Palette 

 https://artsexperiments.withgoogle.com/artpalette/ 

基于Google AI的智能配色工具，它会根据你所提供的配色方案来提供相符合的配色主题的艺术图片。

 42. GradPad 

http://ourownthing.co.uk/gradpad.html 

一款支持css代码的渐变生成器。

 43. Khroma 

http://khroma.co/ 

选择你喜欢的50种颜色，系统利用将颜色算法生成最符合你审美要求的配色方案。

 44. Color Safe 

http://colorsafe.co/

一个可以生成完美混合的配色方案的网站，该网站提供与WCAG指南相比的丰富对比度，可以确保网站符合WCAG指南。

 45. Grabient 

https://www.grabient.com/

一个时尚的渐变色参考网站，可自由添加、调整渐变角度，支持css代码。

 46. Colordot 

https://color.hailpixel.com/

移动鼠标，不断生成新的色卡。

 47. Color Lisa  

http://www.colorlisa.com/

一个分享世界知名艺术家调色板的网站。

 48. Colorpicker 

http://www.flatuicolorpicker.com/

一个色板丰富的配色网站。

 49. Contrast Ratio 

https://contrast-ratio.com/

一款实用的可以查看颜色对比度的工具。

 50. Color.review 

https://color.review/

一个测试颜色对比度的配色工具。

 51. Contrast 

https://usecontrast.com/

一个用于快速访问WCAG颜色对比度的MacOS应用程序。

 52. Sip 

https://sipapp.io/

一个为设计师和开发人员构建的现代颜色选择器，可以收集、组织和编辑颜色，适用于mac。

本期的推荐到这里就结束啦~~希望对你有所帮助~~

编 辑 ：OLIVIA

图 片 来 源 ：PIXITE