Color by Fardos - 配色/取色插件

发布时间: 编辑:RILL 0人评论 30175次浏览 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 - 配色/取色插件

转载必须注明来自:https://huajiakeji.com/web-development/2019-01/1750.html

ColorZilla

ColorZilla

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

CSSPeeper

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

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