设计神器Color by Fardos!用完即走的轻便配色插件

优设6年行业口碑保障!专业培养高薪设计人才,你想要的课程这里都有 前往咨询

教程

设计师必备的Chrome浏览器配色/取色插件

编辑:@木TONG同

Color by Fardos

配色是设计师永恒的话题,之前神器小分队也给设计师们推荐了很多很多关于配色的神器网站;但网站每次都要去收藏夹里找出来用,有时候实在是不方便。

今天神器小分队就来为大家推荐一款配色的浏览器插件——Color by Fardos,轻便简洁,用完即走!

平时它就在浏览器的右上角静静躺着,只要你需要,随时打开就能用,也不用再急需的时候思考到底该打开哪一个配色网站了!

首先,安装插件。然后它就biu~地一下出现在你的插件栏里。

功能一:主题色配色搜索

点开它,就是它第一个功能啦——支持颜色搜索~

(建议babe们不要用Q邮箱进行注册,密码要满足至少1个大写字母,1个小写字母,1个数字,且在7个字符以上)

随便输入一个你想找的主题色,就能搜索出相关的同类色配色以及其他配色方案(看看这舒心的渐变条,不就是现成的low poly配色吗??)

它也会根据你所选的颜色搭配出它的互补色,相邻色,三色调以及四色调。可真是设计师心目中的白月光配色了~

不仅如此,随便点一个界面上所显示的颜色,它就会自动为你调整配色,实现在线实时预览!​

功能二:自定义主题色匹配配色方案

这仅仅是它的颜色搜索功能,接下来就是它的自定义颜色功能啦!

点击这个调色板,就可以进入到颜色面板的界面,可以随意调整颜色,选取色值,还可以与颜色搜索功能形成联动~真滴是炒鸡实用便捷呢~

 

另外你还可以根据你所选定的颜色,在搜索功能里面直接复制色值

哪里想复制点哪里,甲爸再也不用担心我的设计!

作为一个白月光配色插件,它的功能当然不仅于此!

最最最让设计师们头疼的渐变配色,它同样可以轻松解决~

功能三:渐变配色

点击这里,就可以进入到渐变界面

非常多又好看的配色可以任君挑选~

如果你看上了哪个配色,还能直接复制css代码,也可以点击中间的SAVE进入到搜索颜色的界面:

或者点击最左边的注意图标,都可以查看这个渐变颜色中的所有颜色色值,每一个颜色都是支持复制的!

还还还没完,点击右上角的Create,就可以自定义编辑颜色了~

在编辑颜色的界面,可以看到它可以自定义调整渐变角度、渐变方式、变换色值,同样也是支持复制CSS代码的~

最后!这个神器还有一个功能,那就是屏幕取色

功能四:屏幕取色,匹配配色方案

​点一下这里,就进入了屏幕取色的界面

你的鼠标可以在网页上随意游走,想取哪里的颜色都可以!

比如,我们来取一个美丫姐的鼻孔吧!

一个怎么能够?当然要多多益善

点击保存退出,颜色就会保存到色盘里,你就能点击搜索相关配色方案啦~

Color by Fardos的界面简单易懂,免去网页加载使用方便,使用时也无需科学上网,配色丰富,还支持支持网页取色!简直是设计师不容错过的配色神器!

赶快马起来用吧~

再附上一次链接:

https://chrome.google.com/webstore/detail/color-by-fardos/iibpgpkhpfggipbacjfeijkloidhmiei/related

想要了解更多的设计神器,可以关注 @你丫才美工 美丫姐

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,转载请联系 @优设基础训练营 授权。原作品版权归属原作者。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

本文链接: https://uiiiuiii.com/software/113031.html

欢迎关注 @优秀网页设计 @优设基础训练营 @优设大课堂 @你丫才美工 @优设微电台 @移动端设计 @招聘设计师

继续阅读与本文标签相同的文章

设计神器配色
img

相关文章

发表评论

评论加载中....

把好文章收藏到微信

打开微信,扫码分享
优质教程 UiiiUiii 每日更新