我们在后台了解到大家总是会为配色烦恼所以为大家搜罗来一些好看、好玩又好用的配色网站。总有一款能够帮到你!
网站超级多于是给它们分了八大门派,大家可鉯挑选自己喜好的门派进行修炼啦!
随性派:处处感受随机的惊喜
灵感派:时时积累设计师的灵感
渐变派:美轮美奂的渐变海洋
美图派:囿了美图就有了色彩
文艺派:文艺古典的全套配色
原理派:理性直达专业配色
嗟来派:简单粗暴的给你配色
推荐派:墙裂安利给你的配色鉮器
这是一个设计大师自建的配色网站每个都可以直接拿来取用。打开网站都是看起来很普通的图片其实都是从大神个人多年来的设計中提取出的配色,凝结着配色智慧的结晶
虽然看起来都很简单,颜色不超过三种一共102款,但每个都有其鲜明的风格特色我们总能從中找到适合自己的配色风格。使用方法也很简单粗暴直接存储图片后取色使用。
这个网站好玩的点在于它搜罗了一些网站页面的经典配色方案你可以直接看它搜罗的网站配色,也可以输入你看到的很喜欢的网站网址提取网页配色是不是很棒呢~
谷歌的网站的配色分析。
想一下你已经有了一套配色方案,但是你还是想看一下他们组合起来的实际效果这时候,强烈安利Designspiration给你你可以选择5种颜色,然後搜索到使用这5种颜色的设计图真的很赞,不是因为你可以查到应用了这些色彩的图像而是因为你可以真正看到它们在设计中真实被使用、实现的样子。
常常看到别人作品里的渐变色那是个顺心舒畅的好看,而到了自己搭配的渐变色横竖看起来尴尬。这里有几款渐變色专用绝对精美,让你不愁渐变搭配
进入网站后随机出现漂亮的渐变,点击左右箭头即可随机切换挑到中意的可以直接下载jpg格式嘚图片。
它比WebGradients更方便的是可以点击右上角旋转图标切换渐变方向
这个网站可以说是渐变网站中强大的存在。
可以操控360度渐变旋转
自由增加或删除渐变颜色
支持 CSS 样式代码复制
点击左下角度数图案就可以操控渐变的角度,360度无死角全方位满足需求。
交互相当简单点击加號就可以增加颜色, HSLRGB,HEX 等颜色模式间随意切换点击右下角设备图标,就可以通过拖动来设置渐变范围
只要点击一下就能复制 CSS 代码。昰不是很强大!
这个系列网站通过上传好看的图片从中提取配色方案。
可以上传图片来分析配色
从你上传的图片中自动提取5种配色。
Adobe公司的配色工具可以上传图片分析配色,也能自己通过色轮搭配配色方案
单色配色、类比配色、互补色配色、三色配色、复合配色等等。
它可以在网页端使用也有桌面本地版本。如果你使用的是桌面版本可以把配色方案直接导入到Photoshop里使用。
这个工具跟Adobe Color CC很像不同的昰,它生成的调色板里不局限于5种颜色当你已经确定了主色调,想要找一些填充色的时候这是个非常棒的工具。
网站也是根据色彩设計理论提供了最常见也是最实用的5种配色方法。有高饱和视觉效果十分震撼的互补色还有协调舒适的相邻色,丰富跳跃的三色调、分裂互补色和四色调满足你对配色效果的一切需求。
这个网站非常适合扁平化配色方案拖动色轮的取色杆,旁边提供的色卡方案就会随著色轮的取值而变化
更棒是是它还提供了 icon 配色效果的展示,方便大家预览配色方案在实际运用中的效果
不仅如此,ColorSupply 还能在线预览平铺圖案和色值卡以及不同的颜色渐变效果。再也不用茫茫色卡中一个个尝试了
在同一个色相的搭配下,还有不同明度、饱和度的配色方案适合不同场景下的需求。
色卡旁边的小圆点点是个隐藏属性点到这个圆点所在的色卡,下方会显示提供此款色卡的设计师你可以觀看这个设计师的个人主页和他的作品获得更多灵感。
这里有一些简单粗暴却不失可爱的配色网站直接丢给你好看的色卡,让你直接取鼡
非常可爱的多彩配色网站,鼠标移动到水滴上就会出现色彩代码直接复制使用即可。
页面上半部分展示了它的基本功能:一个搜索框只需输入颜色名称即可快速抵达该颜色的一切。往下拉页面可以看到下半部分充满了颜色而每一个颜色点进去都是这个颜色的相关知识、以及围绕着这个颜色的N种规则下的配色方案。
它从单色、互补色、分裂色等规则上为我们提供了以该颜色为基础的配色方案供我們在设计中使用。
当你没有配色的感觉的时候也可以在这个网站随意浏览,感受一下网站提供的配色方案灵感
好啦,以上这么多大镓是不是觉得有点眼花缭乱,不知道用哪个好不用担心,把这篇收藏起来想用的时候根据你的需求去选择吧!
需要专业配色的时候用悝论派、渐变派、文艺派、推荐派,平时多看看灵感派、美图派获取灵感心情好的时候来个随性派、嗟来派或许会有奇妙发现!
●进入公众号输入1186发送,即可阅读本文