收藏！18个设计师常用的色彩与配色网站
点击上方蓝字，把我设置为星标☆吧
色彩，这是一种多么深刻而神秘的语言啊！的确，不同的色调能够调动不同的情绪和反映，能够影响用户对于品牌的感知。简单说来，色彩可以造就不同的设计。
颜色的种类非常多，不同的颜色会给人不同的视觉感受，对于设计师或画家来说如何配好色却是一大难题。一个设计师或画家，用不好颜色搭配，就好像一个厨师没有味觉。色彩可以成就设计，也可以毁掉设计。
今天收集并整理了18个色彩网站，希望对大家有所帮助。
#01
NIPPON COLORS - 日本の传统色
https://nipponcolors.com
日本传统色，每个颜色都赋有色值跟色彩的名字，点击名字可以查看对应颜色的CMYK&RGB的值。
#02
Muzli Colors
https://colors.muz.li
可以在线编辑多种配色方案，并且可以上传自己喜欢的作品或图片查看配色方案，还可以查看色彩在设计作品中的应用，比如logo设计等。
#03
Happy Hues
https://www.happyhues.co
Happy Hues是一个调色板灵感网站，它是有关如何在设计项目中使用颜色的真实示例。可以点击色值并复制使用。可以学习颜色的术语还有色彩心理学。
#04
Eva Design System
https://colors.eva.design
这是一个深度学习颜色的网站，选择一个主色，系统会自动生成一个配色方案，比较适用于给产品设计或品牌设计配色。
#05
WebGradients
https://webgradients.com
WebGradients有180个线性渐变配色方案，您可以将其用作网站任何部分的内容背景。轻松复制色值使用，每个渐变色方案都准备了PNG格式的图片可供下载。
#06
BrandColors
https://brandcolors.net
这个网站搜集了周围大量的官方品牌颜色代码，点击颜色可以复制色值。
#07
HTML
https://htmlcolorcodes.com
使用html的拾色器可以找到完美的色彩，并发现好看的配色方案；输入十六进制颜色代码，RGB和HSL值，并生成HTML，CSS和SCSS样式。可以轻松查找网站的HTML颜色代码。
#08
LOL Colors
www.webdesignrankings.com/resources/lolcolors
LOL Colors的配色方案大多是比较明快清新的色调，鼠标放到颜色上即显示色值，并且可以复制色值，方便大家使用与收藏。
#09
Trianglify.io
https://trianglify.io
trianglify.io 是一个多边形模式生成器，可以调整多边形的大小及图案的强度，可以选择色彩方案也可以自定义色彩方案，生成的色彩图案可以下载下来使用。
#10
Schem Color
https://www.schemecolor.com
schemecolor 网站提供很多主题配色方案，如：圣诞节、新年，可以搜索配色方案，点击颜色可以看到色值并可以下载使用。网站还提供了图片配色方案参考。
#11
SVG Colorizer
www.iconshock.com/svg-color
SVG着色器，自动为SVG图标和SVG矢量着色，有多种图标可以选择。
#12
Duotones
https://duotones.co
上传图片，可以生成双色调效果，效果不满意还可以调整对比度跟亮度，生成的图片可以下载和复制色值。
#13
CoolHue 2.0
https://webkul.github.io/coolhue/sketch-plugin
Swatch是一款免费的渐变配色插件和收集工具。可下载使用。
#14
GRADIENT BUTTONS
https://gradientbuttons.colorion.co
渐变色按钮，鼠标移动可查看悬停的动画效果,一键复制 css代码
#15
Paletton
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
Paletton 是一个在线的色环配色工具。可以选择单色、相近色、对比色等查看配色方案，还可以实时查看其在网页中的搭配效果。
#16
Duo
http://paletton.com/#uid=1000u0kllllaFw0g0qFqFg0w0aF
各种背景色与文字颜色的组合。
#17
Adobe Color
https://color.adobe.com/zh/create/color-wheel
Adobe Color通过拖动色轮或输入自定义色值取色，有多种配色规则可以选择，如：相似、互补、三原色等。除此之外，还可以对RGB进行配色调整，可复制色值。
#18
Pigment
https://pigment.shapefactory.co
双色配色方案参考，可以通过饱和度、色温来调整色彩，移动鼠标到对应的颜色上，还能看到同色系配色方案。
希望收集整理的这些配色网站
对大家有所帮助
不妨收藏起来
▽