Html 谷歌浏览器开发者工具，如何从我访问过的任何网站中选择颜色
声明：本页面是StackOverFlow热门问题的中英对照翻译，遵循CC BY-SA 4.0协议，如果您需要使用它，必须同样遵循CC BY-SA许可，注明原文地址和作者信息，同时你必须将它归于原作者（不是我）：StackOverFlow
原文地址: http://stackoverflow.com/questions/28723673/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me):
StackOverFlow
Google chrome developer tool, how to pick color from any website I visted
提问by t31321
When I visit websites I want to save interesting colors I found on them.
当我访问网站时，我想保存我在网站上发现的有趣颜色。
How can I use chrome developer toolto pick color code from the page I am currently seeing?
如何使用Chrome 开发人员工具从我当前看到的页面中选择颜色代码？
NB: I dont want to use third party pluginslike chrome extension plugins.
注意：我不想使用第三方插件，如 chrome 扩展插件。
回答by dsharew
You can pick color from any element using google chrome
您可以使用谷歌浏览器从任何元素中选择颜色
1.Picking color from HTML element:
If the color is on simple html elements like button, text, spanetc you can inspect the element and copy its color, as mentioned on the comment.
1.从HTML元素采摘的颜色：
如果颜色是简单的HTML元素，如button，text，span等你可以检查元素，并复制它的颜色，在注释提到。
2.Picking color from image:
If the color is on an image or background image, or background-color of nested html elements, you can use the ff strategy.
2.从图片中
取色：如果颜色是在图片或背景图片上，或者嵌套html元素的背景颜色，你可以使用ff策略。
2.1.Start by inspecting simple element anywhere from the page that could show the color picker box.
2.1. 首先检查页面中任何可以显示颜色选择器框的简单元素。
2.2.Then after clicking the above color picker box, goto the image or background image you want to pick color from(when you do this you will notice the cursor changing from pointer to chrome-color-picker icon).
2.2. 然后单击上面的颜色选择器框后，转到要从中选择颜色的图像或背景图像（执行此操作时，您会注意到光标从指针变为 chrome-color-picker 图标）。
As matter of fact you can use solution 2 even for case 1.
事实上，即使对于案例 1，您也可以使用解决方案 2。
回答by jaredwilli
You can also use the eyedropper tool now in DevTools too http://paul.kinlan.me/eyedropper-chrome-dev-tools/
您现在也可以在 DevTools 中使用吸管工具http://paul.kinlan.me/eyedropper-chrome-dev-tools/
回答by Ibo
Simply use chrome extensions. I have tried two of them and they are very easy to use and you can get colors in various formats instatly.
只需使用 chrome 扩展。我已经尝试了其中的两个，它们非常易于使用，您可以立即获得各种格式的颜色。
Inspecting a page html or css files will take too much time.
检查页面 html 或 css 文件将花费太多时间。
Here is the link: https://chrome.google.com/webstore/search/color%20picker?hl=en
这是链接：https: //chrome.google.com/webstore/search/color%20picker?hl=en
回答by Merhawi Fissehaye
Colorzillachrome extension is my favorite and quick.
Colorzillachrome 扩展是我最喜欢和快速的。
