Color by Fardos - 配色/取色插件

RILL 0人评论 1782次浏览 Chrome开发者工具插件
摘要 : Color by Fardos是一款设计师必备的Chrome 浏览器配色/取色插件。

Color by Fardos开发背景

设计师的工作离不开颜色,而且经常会遇到需要取到网页某个部分的颜色,之前我们chrome插件网介绍了ColorPick:网页颜色选择器ColorZilla插件。配色就更不用说了,那是设计师永恒的话题,而最让设计师们头疼的渐变配色,也有颜色渐变插件。今天为大家推荐一款浏览器插件Color by Fardos,不仅可以网页取色,最主要的是它的配色功能强大,还支持渐变配色,页面简洁使用方便,设计师必备哦!

Color by Fardos简介

Color by Fardos是Chrome浏览器取色配色插件。你可以从网页或调色板选取并保存颜色,获得相应的配色方案。最让设计师们头疼的渐变配色,它同样可以轻松解决,丰富的可选择的渐变配色以及支持自定义渐变配色。

Color by Fardos的功能:

1、主题色配色搜索
随便输入一个你想找的主题色,就能搜索出相关的同类色配色以及其他配色方案。它也会根据你所选的颜色搭配出它的互补色、相邻色、三色调以及四色调。可真是设计师心目中的白月光配色了。不仅如此,随便点一个界面上所显示的颜色,它就会自动为你调整配色,在线实时预览。
Color by Fardos的功能
2、自定义主题色匹配配色方案
点击调色板,就可以进入到颜色面板界面,可以随意调整颜色,选取色值,还可以与颜色搜索功能形成联动。另外你还可以根据你所选定的颜色,在搜索功能里面直接复制色值。
Color by Fardos的功能
3、渐变配色
渐变界面有非常多又好看的配色可以挑选。如果你看上了哪个配色,还能直接复制 css代码,搜索颜色以及查看这个渐变颜色中的所有颜色色值,每一个颜色都是支持复制的。
还可以自定义编辑颜色了。在编辑颜色的界面,可以看到它能自定义调整渐变角度、渐变方式、变换色值,同样也是支持复制 CSS代码的。
Color by Fardos的功能
4、屏幕取色,匹配配色方案
进入屏幕取色界面,你的鼠标可以在网页上随意游走,想取哪里的颜色都可以。保存之后颜色就会保存到色盘里,你就能点击搜索相关配色方案了。
Color by Fardos的功能

Color by Fardos使用方法

本站下载Color by Fardos的crx文件后,打开Chrome的扩展页面(chrome:// extensions /或按Chrome菜单图标>更多工具>扩展程序查找),然后拖放 crx文件到扩展页面安装它;如果你安装失败可以参考【终极指南】图文详解Chrome插件离线安装方法。点击“添加拓展程序”完成安装。

Color by Fardos使用方法-安装

安装之后点击扩展图标,页面如下,首先需要注册才能保存颜色等,建议不要用 Q邮箱进行注册,密码要满足至少1个大写字母、1个小写字母、1个数字、且在7个字符以上。
在右下角中有4个工具,依次是滴管器、渐变器、拾色器,以及颜色搜索。下面详细介绍使用方法。

Color by Fardos使用方法

1、如上图所示,页面中间就是它第一个功能——支持颜色搜索。随便输入一个你想找的主题色,就能搜索出相关的同类色配色以及其他配色方案。它也会根据你所选的颜色搭配出它的互补色、相邻色、三色调以及四色调。不仅如此,随便点一个界面上所显示的颜色,它就会自动为你调整配色,在线实时预览。
Color by Fardos使用方法
2、自定义主题色匹配配色方案
Color by Fardos使用方法
点击这个调色板,就可以进入到颜色面板界面,可以随意调整颜色,选取色值,还可以与颜色搜索功能形成联动,真的是超级实用便捷。另外你还可以根据你所选定的颜色,在搜索功能里面直接复制色值,哪里想复制点哪里。
Color by Fardos使用方法
3、点击Gradients工具,就可以进入到渐变界面。非常多又好看的配色可以挑选。

Color by Fardos使用方法
如果你看上了哪个配色,还能直接复制 css代码,也可以点击中间的 SAVE 进入到搜索颜色的界面。或者点击最左边的i图标,都可以查看这个渐变颜色中的所有颜色色值,每一个颜色都是支持复制的。

Color by Fardos使用方法

还有,点击右上角的 Create,就可以自定义编辑颜色了。在编辑颜色的界面,可以看到它能自定义调整渐变角度、渐变方式、变换色值,同样也是支持复制 CSS代码的。
Color by Fardos使用方法
4、点工具栏的Eye Dropper,就进入了屏幕取色的界面。
Color by Fardos使用方法
你的鼠标可以在网页上随意游走,想取哪里的颜色都可以。
Color by Fardos使用方法

一个怎么能够?当然要多多益善。点击保存退出,颜色就会保存到色盘里,你就能点击搜索相关配色方案了。

Color by Fardos使用方法

Color by Fardos 的界面简单,使用方便,支持网页取色、配色丰富,还有渐变色,简直是设计师不容错过的配色神器。

Color by Fardos - 配色/取色插件下载地址

点击下载Color by Fardos - 配色/取色插件

转载必须注明来自: Chrome插件 » Color by Fardos - 配色/取色插件

颜色渐变

颜色渐变

0 人评论 8761 次人浏览 4.0分 4.0 分
颜色渐变是一款可以使用任意两种颜色快速创建出渐变色的谷歌浏览器插件。
ColorZilla

ColorZilla

0 人评论 7022 次人浏览 4.4分 4.4 分
ColorZilla是一款适用于Google Chrome的扩展程序,它能提取网页色彩,快速调节颜色,可协助网站开发人员和平面设计师处理基本和高级颜色相关的任务,可以称之为chrome颜色吸取插件。
CSSPeeper

CSSPeeper

0 人评论 7116 次人浏览 4.0分 4.0 分
CSSPeeper是一款专为设计师量身打造的可视觉化网站CSS样式表检查插件。
评论:(0)

已有 0 位网友发表了一针见血的评论,你还等什么?