【_ 記】通过F12辅助拾取页面div所需要的颜色的方法_怎么通过f12跟踪某个按钮的颜色

作者：小蓝xlanll | 2024-03-31 20:56:04

踩

怎么通过f12跟踪某个按钮的颜色

在前端的页面代码中，我们离不开颜色的搭配，有时候需求中的颜色不是常规的正颜色，或者让你把颜色调成其他网站中的某种颜色，自己根据颜色板反复调颜色，往往达不到需求的效果，不仅会浪费时间，还经常会被经理吐槽。

使用场景：

该方法最好的使用场景就是在你遇到其他的网站或者图片中有你想要的颜色，你就可以通过这种方法拾取出来，为己所用。方便快捷，不需要手动一点一点的调颜色。

需要准备的工具：
火狐浏览器或者谷歌浏览器（作为一个前端开发，谷歌chrome是最好的选择）

我以我们公司的官网页面来做这个演示：

第一步：打开开发者模式
在这里插入图片描述
第二步：选择修改板块

第三步：选择颜色，打开编辑框

第四步：选择颜色，复制十六进制颜色代码
在这里插入图片描述
复制此处的代码粘贴至你代码就能使用。

声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：【wpsshop博客】

【_ 記 】通过F12辅助拾取页面div所需要的颜色的方法_怎么通过f12跟踪某个按钮的颜色