收藏！58个设计师最佳配色工具网站
收藏！58个设计师最佳配色工具网站
配色是设计中非常重要的部分，一个好的配色不仅能让设计更加出彩，还能对用户产生情感影响。本文整理了58个实用的配色工具网站，相信一定能对设计师们有所帮助。
1. Muzli Colors
https://colors.muz.li
可以在线快速生成和编辑多种配色方案，并根据自己的颜色选择预览和下载自定义UI工具包。
2. Colorable
https://colorable.jxnblk.com/
一款非常实用、用来评估配色可访问性的工具。
3. History's Palettes
https://colorleap.app/home
一键生成复古配色，搜索过去4000年来最具有代表性的180个配色方案。
4. Picular
https://picular.co/
Picular是一款基于谷歌图像搜索的色彩生成器，只需输入描述词，就能快速生成配色方案。
5. Colourcode
https://colourco.de/
Colourcode是一个让色彩理论可视化的配色网站，选定一个颜色就能看到它的互补色、相似色等。
6. Palettte App
https://palettte.app/
palettte是一款色彩编辑和重映射工具，能够可视化地看到不同颜色之间的过渡流畅度，匹配出更和谐的色彩，还支持单个颜色微调。可以导入、分析和编辑现有的色彩方案。
7. Colorinspire
https://www.colorinspire.io/
收录了很多场景的精选配色方案，提供源源不断的色彩灵感。
8. ColorSpace
https://mycolor.space/
Color Space是一款非常实用的渐变生成器，只需选择一个颜色，就可以快速生成20~30种不同风格的配色方案。
9. Pigment
https://pigment.shapefactory.co/
Pigment可以通过饱和度、色温以及色系来生成独特的配色方案，还可以查看不同配色的配色场景图片。
10. Adobe Color
https://color.adobe.com/create
Adobe Color通过拖拽色轮或输入自定义色值，可以创造出基于相似、互补、三原色等不同色彩规则的配色方案。支持CMYK、RGB、HSV多种色彩模式的配色调整。
11. Colors & Fonts
https://www.colorsandfonts.com/
Colors&Fonts是由国外设计师Michael Andreuzza创建的配色网站，收录了大量精心收藏的配色方案。只需输入描述词，网站就会推荐相应的配色方案，还有渐变、字体等多种选择，支持一键复制色值。
12. HueSnap
https://www.huesnap.com/
HueSnap是一款实用的取色工具，可以从图像中捕捉到色彩的详细信息，包括十六进制、RGB、CMYK、HSV、HSL等。还可以在社区中浏览大量配色方案灵感，并收藏和保存它们。
13. Culrs
https://culrs.com/
Culrs是一个综合型的配色网站，可以通过邻近色、三色、四色和单色来搜寻灵感配色。每种色彩规则下还有明暗分类，使用方便。
14. Eva Design System
https://colors.eva.design/
Eva Design System是一个基于深度学习算法的配色网站，适用于为产品或品牌生成系统配色方案。
15. Scale
https://hihayk.github.io/scale/
快速色标生成器。
16. Site Palette
http://palette.site/
Site Palette是一款设计师和前端开发人员必备的谷歌插件。可以自动吸取网站的主要颜色，帮助建立色板，寻找相关配色的图片，并一键下载配色方案。
17. BrandColors
https://brandcolors.net/
BrandColors是最大的官方品牌配色合集，包含500多个品牌的十六进制颜色代码，包括Facebook、Twitter、Instagram等。
18. Colorwise
https://colorwise.io/
Colorwise将时下最受欢迎的配色方案按适用场景分类，便于快捷寻找配色灵感。
19. HTML Color Codes
https://htmlcolorcodes.com/
提供颜色图表和带有Hex颜色代码、RGB和HSL值的HTML颜色名称，方便查找网站的HTML颜色代码。
20. ColorBox
https://www.colorbox.io/
ColorBox可以帮助轻松创建炫酷的色彩集，配色页面有大量个性化选项，满足各种需求。
21. Generate — Coolors.co
https://coolors.co/
几秒钟之内创建、保存并分享好看的配色方案。
22. Color — Cloudflare Design
https://cloudflare.design/color/#!/?view.left=0&view.right=0
专为UI设计师创建的配色工具，支持根据用户界面元素预览配色、循环浏览可访问的颜色组合并手动创建配色方案、通过网址导入或生成配色。
23. Instant Duotone Effect Generator
https://duotones.co/
双色调效果生成器，支持用户在线选择多达几十种双色调配色。
24. Material Design
https://material.io/resources/color/#!/?view.left=0&view.right=0
为UI创建和共享调色板，并测量任何颜色组合的可访问性。
25. Blendy
https://blendy.ml/
Blendy是一种快速预览CSS背景混合模式的工具。可以使用混合模式、颜色、渐变并在图像上进行尝试。
26. LOL Colors
https://www.webdesignrankings.com/resources/lolcolors/
LOL Colors是一款可爱的配色网站，色彩大多明快清新，直接拖动鼠标即显示色值，方便收藏色卡。
27. Color Hunt
https://colorhunt.co/
Color Hunt是一个免费开放的色彩灵感平台，拥有数千种时尚的配色方案。
28. ColorMe
https://colorme.io/
一个简单CSS色彩可视化工具，有非常多的参数设置，包括：透明度、饱和度、色调、亮度、着色、阴影、R/G/B、白色、黑色、对比度的设置等。
29. Polarite
https://www.polarite.app/
Polarite是一款智能配色应用程序，用户只需左右滑动颜色选择喜欢/不喜欢的色彩，系统就会根据其结果智能生成一系列喜欢的且和谐的配色方案。
30. Gradient Hunt
https://gradienthunt.com/
精选数千种时尚的渐变色，并且每天都会更新。
31. Palettable
www.palettable.io
可以自己随意搭配色彩方案的网站，用户只需要选择喜欢/不喜欢，直到搭配出想要的色板。
32. ColorSpark
https://colorspark.app/
一个简单而有效的工具，随机生成好看的颜色、渐变色，可以一键复制 CSS 代码。
33. SVG Colorizer
https://www.iconshock.com/svg-color/
SVG着色器，自动为SVG图标和SVG矢量着色
34. Sip
https://sipapp.io/
适用于Mac的Sip ColorPicker。可以帮助更好地收集整理和分享配色方案。
35. CoolHue 2.0
https://webkul.github.io/coolhue/sketch-plugin/
一款免费的sketch渐变配色插件和收集工具。
36. Color Koala
https://colorkoala.xyz/
Color Koala是一个快速配色生成器。
37. SchemeColor
https://www.schemecolor.com/
SchemeColor可以下载、创建和分享成千上万种美丽的配色组合，获取十六进制颜色代码的详细信息，并将其转换为RGB和CMYK等色彩模式。
38. Free Mesh Gradient Collection
https://www.ls.graphics/meshgradients
100多个免费的渐变色合集，支持sketch、png、ai、jpg、eps等多种格式下载。
39. WebGradients
https://webgradients.com/
WebGradients是一个由顶级设计师策划的免费渐变配色网站，拥有180种漂亮的线性渐变，并支持CSS3、Photoshop和Sketch等多种格式。
40. Gradient Buttons
https://gradientbuttons.colorion.co/
炫酷的渐变按钮，还有悬停的动画效果，一键copy css代码。
41. ColorKit
https://colorkit.io/
多种色彩渐变生成器，只需输入开始和结束颜色以及混合步骤数，就能一键生成流畅的配色方案，并支持svg格式导出。
42. Eggradients
https://www.eggradients.com/
一款收录了最新设计趋势渐变色彩的配色网站，支持一键复制十六进制和CSS代码。
43. Cool Backgrounds
https://coolbackgrounds.io/
Cool Background是设计师Moe Amaya将5个开源生成器的简化版整理组成的工具集，内置五种背景风格，每一个种风格还提供了简单的参数配置。分别是：
- 低多边形风格：trianglify.io
- 动态粒子效果：marcbruederlin.github.io/particles.js
- 渐变：cssgradient.io
- 渐变层生成器：s.muz.li/NTFiZjk0ZWFh
- Unsplash图片集：unsplash.com
44. Art Palette
https://artsexperiments.withgoogle.com/artpalette/
基于Google AI的智能配色工具，它会根据提供的配色方案来提供相符合的配色主题的艺术图片。
45. GradPad
http://ourownthing.co.uk/gradpad.html
CSS渐变生成器，可以自己设置渐变色彩、透明度、位置和角度，还可以查看流行的热门渐变色彩，并直接使用现成的颜色代码。
46. Khroma
http://khroma.co/
Khroma号称是“设计师的AI颜色工具”，会先让用户从大量颜色中选择最喜欢的50种，然后利用神经网络驱动算法来生成最符合审美要求的配色方案。所有给出的配色都是从最流行的配色方案中学习得来。
47. Color palettes
ttps://www.canva.com/colors/color-palettes/
Canva上数千种精选色彩组合
48. Color Safe
http://colorsafe.co/
Color Safe是一个基于Web内容无障碍指南（WCAG）的配色网站，可以根据提供的色彩检测可访问性，并给出相应的调整方案。
49. Paletton
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Paletton 是一个在线的色环配色工具。可以根据需要选择单色、相近色、对比色等规则来查看配色，也可以实时查看其在网页中的搭配效果。
50. Colordot
https://color.hailpixel.com/
动一动鼠标就可以不断生成新的色卡。非常适合毫无灵感、不知从何下手的设计师。
51. Colors
https://klart.io/colors/
100％由数据驱动的配色方案集合。
52. Contrast Ratio
https://contrast-ratio.com/
一款轻松计算颜色对比度的配色工具。
53. Color Lisa
http://www.colorlisa.com/
世界上最伟大的艺术家的色彩杰作。
54. Color Designer
https://colordesigner.io/
只需选择一种颜色，Color Designer就会帮助构建一个系统的配色方案，并基于所选的颜色生成多种色调和阴影等。
55. Color.review
https://color.review/
测试颜色对比度的配色工具
56. Blend
http://www.colinkeany.com/blend/
Blend - 创建和自定义漂亮的CSS3渐变。
57. Contrast
https://usecontrast.com/
一个用于快速测试WCAG颜色对比度的macOS应用程序
58. Grabient
https://www.grabient.com/
一个非常漂亮且实用的渐变网站，支持 CSS 样式代码复制、360度渐变旋转、自由增加或删除渐变颜色等功能。