美文网首页
获取网页某颜色代码

获取网页某颜色代码

作者: 饥人谷_任磊 | 来源:发表于2016-07-20 23:46 被阅读660次

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


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

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

    打开编辑器.png 选取圆框.png

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

    Paste_Image.png

    相关文章

      网友评论

          本文标题:获取网页某颜色代码

          本文链接:https://www.haomeiwen.com/subject/rzxbjttx.html