html颜色参考 速查 在线取色,Color by Fardos – 配色/取色插件

html颜色参考 速查 在线取色,Color by Fardos – 配色/取色插件ColorbyFardo 开发背景设计师的工作离不开颜色 而且经常会遇到需要取到网页某个部分的颜色 之前我们 chrome 插件网介绍了 ColorPick 网页颜色选择器 ColorZilla 插件

大家好,欢迎来到IT知识分享网。

Color by Fardos开发背景

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

Color by Fardos简介

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

Color by Fardos的功能:

1、主题色配色搜索

随便输入一个你想找的主题色,就能搜索出相关的同类色配色以及其他配色方案。它也会根据你所选的颜色搭配出它的互补色、相邻色、三色调以及四色调。可真是设计师心目中的白月光配色了。不仅如此,随便点一个界面上所显示的颜色,它就会自动为你调整配色,在线实时预览。

20190109123324_4048.png

2、自定义主题色匹配配色方案

点击调色板,就可以进入到颜色面板界面,可以随意调整颜色,选取色值,还可以与颜色搜索功能形成联动。另外你还可以根据你所选定的颜色,在搜索功能里面直接复制色值。

20190109123441_2330.jpg

3、渐变配色

渐变界面有非常多又好看的配色可以挑选。如果你看上了哪个配色,还能直接复制 css代码,搜索颜色以及查看这个渐变颜色中的所有颜色色值,每一个颜色都是支持复制的。

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

20190109123716_2642.jpg

4、屏幕取色,匹配配色方案

进入屏幕取色界面,你的鼠标可以在网页上随意游走,想取哪里的颜色都可以。保存之后颜色就会保存到色盘里,你就能点击搜索相关配色方案了。

20190109123932_3580.jpg

Color by Fardos使用方法

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

20190109125153_5767.png

安装之后点击扩展图标,页面如下,首先需要注册才能保存颜色等,建议不要用 Q邮箱进行注册,密码要满足至少1个大写字母、1个小写字母、1个数字、且在7个字符以上。

在右下角中有4个工具,依次是滴管器、渐变器、拾色器,以及颜色搜索。下面详细介绍使用方法。

20190109131348_5767.png

1、如上图所示,页面中间就是它第一个功能——支持颜色搜索。随便输入一个你想找的主题色,就能搜索出相关的同类色配色以及其他配色方案。它也会根据你所选的颜色搭配出它的互补色、相邻色、三色调以及四色调。不仅如此,随便点一个界面上所显示的颜色,它就会自动为你调整配色,在线实时预览。

20190109132553_4673.png

2、自定义主题色匹配配色方案

20190109132729_9830.png

点击这个调色板,就可以进入到颜色面板界面,可以随意调整颜色,选取色值,还可以与颜色搜索功能形成联动,真的是超级实用便捷。另外你还可以根据你所选定的颜色,在搜索功能里面直接复制色值,哪里想复制点哪里。

20190109132858_0298.png

3、点击Gradients工具,就可以进入到渐变界面。非常多又好看的配色可以挑选。

20190109133052_8580.jpg

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

20190109133110_4830.jpg

还有,点击右上角的 Create,就可以自定义编辑颜色了。在编辑颜色的界面,可以看到它能自定义调整渐变角度、渐变方式、变换色值,同样也是支持复制 CSS代码的。

20190109133127_3267.gif

4、点工具栏的Eye Dropper,就进入了屏幕取色的界面。

20190109133206_4830.jpg

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

20190109133332_9205.jpg

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

20190109133357_6236.jpg

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

查看更多

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://haidsoft.com/112888.html

(0)
上一篇 2026-01-15 14:45
下一篇 2026-01-15 15:10

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信