获取网页某颜色代码

`在练习任务9的代码demo时遇到一个背景颜色代码的问题,搜索一番后发现神奇的chrome开发者工具已经有了解决方法,在这里记录一下,方便以后使用。


这是我想获取的背景颜色代码的图片。
1.在chrome浏览器中打开这个图片,打开开发者工具,在style工具栏中输入 color:red

获取网页某颜色代码_第1张图片

2.点击red前面的正方形框,打开颜色编辑板,选择吸取工具,鼠标移动到页面上会出现一个选取圆框。

获取网页某颜色代码_第2张图片
打开编辑器.png
获取网页某颜色代码_第3张图片
选取圆框.png

3.鼠标再移动到想要的取样的图片背景颜色,点击一下就能知道颜色的代码,大功告成!

获取网页某颜色代码_第4张图片
Paste_Image.png

你可能感兴趣的:(获取网页某颜色代码)