设计师颜色搭配网站大搜集
灵感不是分分钟就搞定的,作为一个合格的设计师,必须要知道哪些网站是自己需要的,是缺乏灵感还是缺乏素材,又或许是缺乏技术。。。。我在这里整理了一下常用的给大家参考。
不定期更新。。。。。。也欢迎各界大神提供补充,一起学习,一起进步!!!
2、https://color.hailpixel.com/
3、http://www.colorplanpapers.com/50colours
4、http://materialuicolors.co/?ref=flatuicolors.com
6、http://nipponcolors.com/ 日本一个配色网站,挺特别的也很漂亮日本一个配色网站,挺特别的也很漂亮
再给大家分享一个不是配色的网站,基于HTML5的在线绘图特效平台,即使没有艺术细胞,也能绘出漂亮的画。基于一个中心,可设置两边对称或多边对称,锚点从4个到12个之多,动动鼠标就可以绘制不同形状的画。也可设置不同的颜色来达到不一样的效果。可以随意绘制,支持在线配色,导出图片等!
11Adobe Color CC
Adobe家的调色和选色工具,有“建立”和“探索”两种模式
12Bootflat
来自扁平化设计的完美配色方案
地址://bootflat.github.io/color-picker.html
13ColorClaim
提供两种颜色搭配的建议。
14COLORME
15Colour lovers
16Colinkeany
可以通过提供的配色工具,轻松制定你需要的色彩搭配
支持在线修改HTML和CSS,当然这一个功能有点鸡肋,这得你先懂基础前端代码
网址:Colinkeany.com
17Colourco
网址:http://www.colourco.de/
先简单介绍一下颜色变化:
- 色调:鼠标左右移动或「Ctrl+ ← + →」
- 亮度:鼠标上下移动或「Ctrl + ↑ + ↓」
- 饱和度:Ctrl+ Shift + ↑ + ↓
- 鼠标单击锁定颜色,点击“垃圾桶”图标删除颜色
操作非常简单,快去打开网页,慢慢享受色彩世界的乐趣吧!
18Colordot
网址:https://color.hailpixel.com/
接下来给大家推荐一款非常特别的配色神器。它不提供给你任何色彩,而是给你一个空白页面,只要在上面移动鼠标就会自动调整及切换颜色,按下鼠标后就会固定颜色并显示色码。不用下载安装软件,直接从浏览器就能操作。
假如你正好想挑选配色,但又没有任何想法的话,或许上去 Colordot 摇一摇点点鼠标,可以有一些让你觉得不错的颜色出现。
19Color Claim
网址:http://www.vanschneider.com/colors
推荐了以上那么多配色网站,有的实用有的貌美。按理说该成为配色大师了吧!但如果你眼光和审美还不到位,真到了自己做设计的时候,还是会觉得配色不够高级。即便拿到一个好看的配色,也不知道怎么将它运用到设计中。那么,Color Claim可能会给你提供一些帮助。
它是一个设计大师自建的配色网站,每个都可以直接拿来取用。打开网站都是看起来很普通的图片,其实都是从大神个人多年来的设计中提取出的配色,凝结着配色智慧的结晶。
虽然看起来都很简单,颜色不超过三种,一共102款,但每个都有其鲜明的风格特色,我们总能从中找到适合自己的配色风格。使用方法也简单粗暴,直接存储图片到PS里取色。
20Coolors
神一般的配色工具,有“按空格键切换配色” 和 “浏览”两种模式
21Color Hunt
22Flat UI Colors
扁平化配色
地址://flatuicolors.com/
23flatuicolorpicker
漂亮的扁平化配色
24Gradienty
这个配色网站和uigradients类似,预设的几十个渐变配色案例供你直接调用,同时也可以根据自己的喜好和需求调整配色方案。
网址:gradienty.tumblr.com
25Gradient
如果以上的预设配色你都不满意,那这个网站他可以上传你喜欢的图片,从而得到一组渐变配色,除此之外也可以自己调整!
他同样也可以帮网页前端设计师生成相对应的代码,有没有很方便啊。
网址:gradient.quasi.ink
26Gradientdaze
这是一个UI配色神器,同时他也有手机端APP,可下载使用!你可以根据他轻松在你手机上搭配喜欢的渐变颜色,操作相当便捷,只需拖动手指即可选择。
网址:gradientdaze.com
27Kelir
集合取色、配色、渐变色于一身的Mac应用,而且可以通过上传图片获取配色方案
网址:rimbunesia.com
28Khroma
网址:http://khroma.co/
Khroma是一个在线颜色工具。它利用人工智能,通过分析你选择的颜色,来生成实用性非常高的调色板的配色工具。甚至可以实现更高精度的组合,可以说是能够「成长」的配色工具。
有了这个工具,你就可以在短短几分钟之内完成一个非常fashion的配色方案。
29Klart Colors
这是一款来自Klart的选色神器,这家公司以开发设计师专用 Chrome 扩充功能为主,Pixels 让用户快速共享各种网站设计及排版样式,其中包含配色信息,而 Klart 就将这些颜色数据重新包装成另一网站 Colors。
使用方法很简单,打开网站,就能看到无数个调色盘,按下空格键会重新整理,加载新的颜色,也可以利用鼠标不断往下滚动,Colors 会持续加载更多的配色选项。
如果看到喜欢的配色,点击颜色后即可复制色码。如此一来,就能将颜色使用于其他任何你想使用的地方。
30Material UI Colors
为Web、Android和iOS而生的 Material ui 配色模板
地址://www.materialui.co/colors
31Material Palette
帮你生成并导出Material Design配色模板
地址://www.materialpalette.com/
32New Flat UI
最好的扁平化UI设计配色方案
链接地址://www.flatuicolorpicker.com/
33Picular
颜色搜索引擎
34 Trianglify
多边形风格的设计应用越来越多,Trianglify 是一个能够生成五颜六色的三角形图案的 JavaScript 库,类似low poly低多边形一样,可以用来作为 SVG 图像和 CSS 背景。它的灵感来自于 Btmills 的 Geopattern,并使用 d3.js 建立多边形的 SVG 图形和使用 SVG 过滤器进行渲染。它还包括 colorbrewer 调色板库,让您快速启动和运行。
35Uigradients
老牌渐变神器,通过简单的左右切换即可查看精美渐变背景,左上角提供的色值供你方便应用,非常实用!
网址:https://uigradients.com/
36Webgradients
此网站特色不仅提供漂亮的渐变配色,而且还有更多格式选择,比如 PSD, Sketch, PNG以及可直接复制成一段 CSS 渐变代码,如此一来,设计师们就可以很方便的使用这个配色方案了。
打开网站我们就能直接看到 N 种配色展现在首页,只需要点击其中一个,就会显示全屏渐变。使用方法也非常简单,直接下载 Sketch/PSD 或复制十六进制颜色编码即可!
网址:https://webgradients.com/
37Hex Colorrrs
Hex 转 RGB 转换器
地址://hex.colorrrs.com/
本站仅供资源信息交流学习,不保证资源的可用及完整性,有任何问题请联系站长
加入终身VIP:全站资源免费+售后答疑服务 了解一下,网站的发展方向以终身VIP为主
你可以填一下网站发展的问卷调查:https://www.wenjuan.com/s/auY7vaL/ 以便我更好帮助你
转载文章请注明出处
果味酱CG小屋 » 设计师颜色搭配网站大搜集