1. 首页
  2. 技术知识

Instant Eyedropper插件 – 网页取色器

摘要 : Instant Eyedropper是一款让你在任意网页打开一个取色器工具,并通过滴管工具,查看网页任意元素的颜色的插件。


(adsbygoogle = window.adsbygoogle || []).push({});

Instant Eyedropper插件背景简介

设计师或开发者的工作都离不开颜色,而且经常会遇到需要取到网页某个部分的颜色,因为通过合理的配色来实现优秀的视觉效果是非常重要的一个环节,但是识别屏幕上对象的颜色代码通常是一个复杂的多步骤过程:您需要按“打印屏幕”键将屏幕截图复制到剪贴板,加载图形编辑程序,创建新文件,从剪贴板粘贴屏幕截图,放大对象,使用“选择颜色”工具,最后将颜色的HTML代码复制到剪贴板。这就会浪费很多时间,因此开发者们就开发了取色器,而所谓取色器,就是通过滴管(鼠标指针),单击想要参考的网页任意位置,就能看到其对应的色值,并以此来做调整。今天小编要介绍的就是一款取色器插件Instant Eyedropper。

Instant Eyedropper插件简介

Instant Eyedropper中文名“即时吸管”,也就是网页即时取色器,它可以让你在任意网页打开一个取色器工具,并通过滴管工具,查看网页任意元素的颜色,支持显示颜色对应的十六进制,RGB,HSV码,支持快捷键操作。使用该插件后,只需点击插件图标即可查看其对应的色值和色块。

Instant Eyedropper插件简介

关于取色我们还介绍了ColorZilla、Color by Fardos – 配色/取色插件、天弓取色器 – 自定义网页和字体颜色等等。

Instant Eyedropper插件安装使用

1、Instant Eyedropper插件离线安装的方法参照一下方法:老版本Chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。

Instant Eyedropper插件安装使用

2、最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现”CRX-HEADER-INVALID”解决方法,安装好后即可使用。

Instant Eyedropper插件安装使用

3、插件安装后会出现在浏览器右上方的插件栏中,点击插件图标会出现下图。

Instant Eyedropper插件安装使用

4、当你需要取色时,单击插件图标,点击【Pick】按钮。然后,鼠标指针上会出现一个小的像素块,当你的鼠标移动到不同位置,页面右下角就会出现其对应的色值和色块。

Instant Eyedropper插件安装使用

5、单击你想要取色的区域,就可以在菜单框看到这个颜色的RGB、HSV、十六进制颜色码了。

Instant Eyedropper插件安装使用

6、你还可以使用快捷键Alt + P,选择屏幕上的一个像素单击,来替代【Pick】按钮进行取色。取色完毕后,这些色值会自动复制到粘贴板,以便快速访问。

Instant Eyedropper插件安装使用

Instant Eyedropper插件联系方式

提供方: Ruth Brown

查看更多

Instant Eyedropper插件 – 网页取色器下载地址

点击下载Instant Eyedropper插件 – 网页取色器



(adsbygoogle = window.adsbygoogle || []).push({});

转载必须注明来自:https://huajiakeji.com/web-development/2020-08/3430.html

原创文章,作者:starterknow,如若转载,请注明出处:https://www.starterknow.com/51048.html

联系我们