Rainbow Color Picker插件,网页颜色在线取色器

Posted extfans

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Rainbow Color Picker插件,网页颜色在线取色器相关的知识,希望对你有一定的参考价值。

Rainbow Color Picker插件,可以在线提取网页上任何区域的颜色,然后就能获取相应图片或者其他背景颜色的编码,并运用到其他地方了。

 

技术图片

Rainbow Color Picker

 

从吸管工具选取页面颜色和网页获得的调色板。

下载

 

Rainbow Color Picker插件开发背景

 

对于设计人员、网站开发人员来说,经常需要参考一些别人的设计样式和素材。

 

尤其是在配色方面,看到好的颜色,大家也都自然想运用到自己的产品上。

 

但是,这些颜色该怎么去查找呢?

 

在Chrome浏览器中,没有提供便捷的取色器工具,如果想要调用原生的取色器,还需要具备一定的技术水平。

 

技术图片

 

所以,大部分朋友为了获取一个颜色,都是通过截图然后用PS打开才能看到颜色值。

 

有了这款Rainbow Color Picker插件后,简直不要太简单!

 

Rainbow Color Picker插件功能介绍

 

Rainbow Color Picker插件提供了一个在线的吸管工具,可以帮助你从你浏览的网页中得到指定区域的RGB颜色值。

 

此外,它还能自动识别当前页面的主要背景色。

 

技术图片

 

这种取色器,是设计师和网页开发人员必备的工具。你可以使用它提取屏幕、图片上的颜色,适用于网站开发、网页设计、美工、ps调色等。

 

该工具小巧方便,绿色免费,在谷歌插件商店有20多万用户使用。

 

Rainbow Color Picker插件使用方法

 

一、安装插件

 

如果有条件,可以直接在谷歌Chrome商店下载安装;如果无法访问,请在扩展迷安装Rainbow Color Picker插件的crx文件到你的谷歌浏览器上。

 

二、取色

 

在需要取色的页面,点击工具栏上的插件图标,会弹出一个菜单框。

 

单击菜单框底部的绿色按钮即可开始取色。

 

技术图片

 

将鼠标移动到指定区域,右下角就会出现其对应的颜色,单击确定,菜单框就会显示其RGB颜色值了。

 

技术图片

 

Rainbow Color Picker插件具有放大镜功能,能取到非常细小的区域,让你看清任何一个像素的颜色。

 

并且,菜单中还会显示当前页面的主要背景色,就无需我们去手动取色了。

 

技术图片

Rainbow Color Picker

 

从吸管工具选取页面颜色和网页获得的调色板。

下载

以上是关于Rainbow Color Picker插件,网页颜色在线取色器的主要内容,如果未能解决你的问题,请参考以下文章

vue颜色选择器el-color-picker的安装及使用

基于vue的颜色选择器vue-color-picker

移动端picker插件

Bootstrap颜色选择器是一个用于Bootstrap的模块化颜色选择器插件。

vue-color-颜色选择器插件

vue-color-颜色选择器插件