用这些工具,白痴都会配色啦

又名《UI设计配色网站和工具汇总》。


色板类


现成配色套装,直接拿来用!


Color Hunt

http://colorhunt.co/

许多许多色板1。


Lolcolors

http://www.lolcolors.com/

许多许多色板2。



Colordrop

https://colordrop.io/

许多许多色板3。



Color Claim

http://www.vanschneider.com/colors/

这是一个个人项目,作者说,这是为我未来的设计项目而收集的。

谢谢你,我们先拿去用了……


Open-color

https://yeun.github.io/open-color/

为字体、背景、边框优化过的色板。




实例类


学习从模仿开始……


Color.farm

http://color.farm/

更新得不快,但是例子很精美!



Dribbble

https://dribbble.com/

怎么能不提Dribbble呢,自带色板简直不要太贴心……

通过这个链接,还可以按颜色搜索:https://dribbble.com/colors/d1faf0?percent=30


Brand Colors

https://brandcolors.net/

很多品牌的色板。



随机单色类


生命在于惊喜!


日本传统色

http://nipponcolors.com/

美丽的颜色,美丽的名字。



Palettable

http://www.palettable.io/050026

刷新获得新颜色,可以调整颜色、给颜色投票等。



Colicious

http://colicious.ga/

点击小水珠,就能获得许多许多颜色,使用体验比上个好。



UIgradients

http://uigradients.com/

有大量品牌(比如Netflix、Facebook等)的代表色、主打渐变色。


Piknik

http://color.aurlien.net/

鼠标在屏幕上滑动选色,点击锁定。



进阶工具类


它们满足高级需求。


Colorblender

http://colorblender.com/

简单好用的色板生成器。


Color-wheel

https://color.adobe.com/zh/create/color-wheel/

Adobe出的色轮工具,以前叫Adobe kuler,定制化程度超高的……



Color Scheme Designer

http://www.peise.net/tools/web/

跟上面的工具一样,也是按配色原理(近似、互补等)生成配色的小工具。


Coolors

https://coolors.co/

可定制的色板生成器,自由度与复杂度适中。



Colorable

http://jxnblk.com/colorable/demos/text/

这是一个文字色/背景色对比测试工具的小Demo,只用这个也很方便啦。

http://jxnblk.com/colorable/demos/matrix/

这个是上面那个工具的兄弟,更加复杂一点……

http://clrs.cc/a11y/

套装兄弟3。这是个对比度示例合集。


Sip - Mac/iPhone

https://itunes.apple.com/app/sip-color/id934379679?l=en&mt=8

把手机变成取色器。

秘密武器来啦!从大自然汲取灵感是什么感觉?用了就知道~  

介绍可以看这里 



质感设计类 Material Design


安卓设计配色专用~


Material Palette

https://www.materialpalette.com/



FlatUIcolors

http://flatuicolors.com/



你再说你不会配色,我就嘿嘿嘿……

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容