首页 文章资讯 Color Picker插件,多功能网页取色器、颜色选择器

Color Picker插件,多功能网页取色器、颜色选择器

发布者 : okay

567

2021-09-14

Color Picker插件,可以让你在任意网页上查看各个元素的颜色编码,并提供了多功能的颜色选择器,你可以以各种格式查看或构建自己喜欢的颜色。


Color Picker 插件

Color Picker

A color picker tool to build a personalized palette and convert color values to various formats

下载


Color Picker插件开发背景


对于开发者和设计师来说,颜色搭配也是非常重要的工序之一。


在浏览网页时,你或许会发现许多颜色上的灵感,但是,光凭肉眼我们很难确定对方使用的颜色。


所以,有什么办法能够快速知道网页上任意元素的颜色编码是多少呢?




Color Picker插件功能介绍


Color Picker插件,顾名思义,这是一款取色器工具,但它不仅仅提供了网页取色的功能。


一、构建颜色


这款插件提供了强大的调色板工具,可以方便我们快速创建自己喜欢的颜色,并直接查看颜色的RGB、HSL、HSV和CMYK编码。




二、网页取色


鼠标移动到指定位置,即可查看相应的颜色编码,支持一键复制。




Color Picker插件使用方法


一、安装插件


如果有条件,可以直接在谷歌Chrome商店下载安装。


如果无法访问Chrome商店,请在扩展迷下载Color Picker插件的安装包,解压后将crx文件安装到你的谷歌浏览器上。


二、构建颜色


安装插件后,点击浏览器右上角的插件图标,可以展开调色面板。


在【Color Picker】这一栏下,你可以随意拖动四个浮标,并查看它们所对应的颜色编码。


当然,你也可以直接输入十六进制代码以查看特定的颜色。




二、网页取色


切换到【Eyedropper】一栏,点击【Eyedropper】按钮即可取色。




或者右键单击网页,在右键菜单中选择【Pick a color on the page】即可开始网页取色




进入取色模式后,鼠标移动到网页上的任意位置,都会在光标旁显示它的颜色编码,单击鼠标左键,即可复制颜色编码了。




Color Picker插件除了以上功能外,还有更多实用的功能等待你去发现。


Color Picker 插件

Color Picker

A color picker tool to build a personalized palette and convert color values to various formats

下载

分享

全部评论

    展开更多评论

    扩展迷QQ交流群

    错误提示保存失败
    成功提示保存成功
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“插件”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功
    下载遇到问题?请添加QQ群:398095333
    close
    qr-code

    为打击盗链困扰,本站已启用公众号验证
    微信扫码关注上方公众号,回复“脚本”二字获得验证码,验证码5分钟内全站有效。

    正在验证
    验证成功