提升网页开发的小技巧（颜色提取器）

---

🍟🍟当我们学习前端的过程中往往需要大量的实战，这些实战可以从我们的常见的比较简单的网站模仿开始，这是检验前端学习最有效的方法。

🍟🍟那么当我们要完成一个更大型的项目时开发效率往往也很重要，这里不得不提颜色提取器，刚开始学习时大家可能会使用截图->绘图->吸取器->复制粘贴16进制RGB值完成，这里为大家分享两个可以直接在任意网页上提取颜色的小工具。

1、浏览器插件（颜色提取器）

🍔🍔我常用的就IE浏览器和Chrome浏览器，在浏览器下载有关颜色提取器的插件就可以通过快捷键的方式直接吸取任意网页的颜色。

1.1、Chrome浏览器插件下载 🌟🌟🌟🌟

🍎只有谷歌浏览器才有ColorZilla插件，IE浏览器找不到这个插件。

1、打开Chrome浏览器

2、右上角三个点点击 ----> 更多工具 ----> 扩展程序

3、插件下载

🍎插件下载推荐链接：谷歌插件分享

🍎我选择的是这个插件下载中心（应该是个正规网站，反正我下载了两个插件后电脑都没出任何问题）

4、先在插件下载中心搜索"ColorZilla",点击进入后直接下载，下载 ----> 解压缩 ----> 将.crx的文件拖拽到扩展程序页面，到这这一步插件已经安装完成。

5、点击详情 ----> 程序扩展选项

6、勾选快捷键方式

🍎此时在谷歌任意页面操作Ctrl + Alt + Z 便可以进行颜色提取。

🍎选中想要取色的部分，点击后会自动复制好颜色的16进制RGB值，粘贴到需要的地方就好。

🍎使用这个插件遇到的问题以及解决办法：

问：为什么我打开的一个网页取色有问题，不是#000000就是#FFFFFF，但明明就不是这个颜色？

答：我的这篇笔记有解决办法

2、IE浏览器插件下载 🌟🌟🌟

🍎🍎IE浏览器这些取色器插件我没下过，大家可以自行选择，和上面Chrome下载方式都差不多。

1、打开IE浏览器

2、点击右上角的三个点 ----> 扩展 ----> 管理扩展 ----> 获取Microsoft Edge扩展

3、进入IE浏览器的扩展程序下载中心：

4、这样一搜索一大推：

获取下载成功后可以找教程看看怎么用或自己摸索摸索。

---

2、FastStone Capture 🌟🌟🌟🌟🌟

🍎🍎这是一款非常好用的截图工具，快捷键截图，还可以进行绘图，在图片上面可以输入文字、用框框或直线将重点圈起来，操作简单且好用，不仅可以录屏还可以取色，取色这个之前都没注意到，意外发现巨好用，重点是免费 免费 免费！！！

🍎🍎这篇笔记分享到一半发现什么gou pi插件都不如这玩意好使，因为任何地方都可以取色。

😇😇 碎碎念+小结：FastStone Capture不知道用的人多不多，确实很好用，怕人多了担心要收费哈哈，虽然FastStone Capture取色很方便，但是意外发现浏览器的扩展程序功能原来这么方便，比如可以用来shu课以及AI改写，不过就是这个AI写内容有点zhi zhang。