您现在的位置:油猴 > 油猴插件 > tampermonkey手机版 > 正文
Instant Eyedropper插件网页取色器Chrome开发者工具插件
http://tampermonkeya.com/      2022/4/10 20:26:37      作者:tampermonkey
Instant Eyedropper插件背景简介 设计师或开发者的工作都离不开颜色,而且经常会遇到需要取到网页某个部分的颜色,因为通过合理的配色来实现优秀的视觉效果是非常重要的一个环节,但是识别屏幕上对象的颜色代码通常是一个复杂的多步骤过程:您需要按“打印屏幕”键将屏幕截图复制到剪贴板,加载图形编辑程序,创建新文件,从剪贴板粘贴屏幕截图,放大对象,使用“选择颜色”工具,最后将颜色的HTML代码复制到剪贴板。这就会浪费很多时间,因此开发者们就开发了取色器,而所谓取色器,就是通过滴管(鼠标指针),单击想要参考的网页任意位置,就能看到其对应的色值,并以此来做调整。今天小编要介绍的就是一款取色器插件Instant Eyedropper。 Instant Eyedropper插件简介 Instant Eyedropper中文名“即时吸管”,也就是网页即时取色器,它可以让你在任意网页打开一个取色器工具,并通过滴管工具,查看网页任意元素的颜色,支持显示颜色对应的十六进制,RGB,HSV码,支持快捷键操作。使用该插件后,只需点击插件图标即可查看其对应的色值和色块。 关于取色我们还介绍了ColorZilla、Color by Fardos - 配色/取色插件、天弓取色器 - 自定义网页和字体颜色等等。 Instant Eyedropper插件安装使用 1、Instant Eyedropper插件离线安装的方法参照一下方法:老版本Chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页即可。 2、最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。 3、插件安装后会出现在浏览器右上方的插件栏中,点击插件图标会出现下图。 4、当你需要取色时,单击插件图标,点击【Pick】按钮。然后,鼠标指针上会出现一个小的像素块,当你的鼠标移动到不同位置,页面右下角就会出现其对应的色值和色块。 5、单击你想要取色的区域,就可以在菜单框看到这个颜色的RGB、HSV、十六进制颜色码了。 6、你还可以使用快捷键Alt + P,选择屏幕上的一个像素单击,来替代【Pick】按钮进行取色。取色完毕后,这些色值会自动复制到粘贴板,以便快速访问。 Instant Eyedropper插件联系方式 提供方: Ruth Brown