浏览器怎么采集颜色获取多种颜色代码？

时间：2021-05-22

介绍如何用浏览器打开本地计算机上的图片，用浏览器自带的吸取工具提取颜色获取代码，这方法同样合适提取任何网页上的图片文字还有背景和浏览器里的所有颜色都可以转换成颜色代码，最后再介绍一下RGB颜色转换方法。

吸取图片颜色获取代码

1、选择要采样的图片用浏览器打开，将鼠标箭头移到图片上右击选择打开方式选择浏览器，没有浏览器图标的先到默认程序进行设置。

2、默认程序设置。不要勾选始终使用选择，点击浏览，在桌面选择浏览器点击打开。

3、打开图片后在浏览器里鼠标>>右击>>查看元素，点击<body>标签就可以找到颜色代码

4、如没有找到。也可以在规则样式{}里输入一个颜色代码如color: #000;

5、这一步在小方框去勾，再单击代码上的颜色打开编辑器（调色板）选择吸取工具，

6、点击吸取工具移动到取样处在单击一下对图片进行十六进制颜色码查询取样。

7、最后单击颜色代码复制或者按快捷键Ctrl+C完成复制。

采取网页上的颜色代码

1、打开任意网站右击查看元素，点击箭头有些浏览器是放大镜标志从页面获取一个元素随便去取个字单击，在规则样式中找到一个颜色代码。后面其他步骤同上4.5.6.7可以提取浏览器中的任何部位

2、浏览器的内容会因采样改变，当我在原颜色代码打开吸取工具采集白色代码的时候内容就发生了改变。

3、解决的办法，复制好代码后按F5刷新恢复正常，也可以加一个颜色代码然后点击去掉前面的小勾在取样就不会有任何改变了

RGB颜色转换方法

1、也可以用浏览器颜色拾取识别器将RGB颜色查询对照表十六进制颜色值转换（不同浏览器颜色拾取识别器有不同功能)

2、用浏览器自带的颜色代码调色工具将颜色转换为HEX和RGB还有HSL三类格式颜色代码，下面是转换的对照表，大家可以看下的效果

注意事项：

1、吸取工具只能采集浏览器里的内容本地图片要用浏览器打开。

2、浏览器的内容发生改变不必担心，只要刷新恢复正常。

相关文章