Eye-dropper in Chrome Devtools for quickly picking colors from the web page

Can’t believe I didn’t realise that this exists, for the longest time I have been screen grabbing and then opening up Pixelmator just to get the HTML color of a part of the web page.
Just click on the CSS property that contains the color, then in the page select the pixels you want as the color.
Eye Dropper Original Twitter Post TIL: Pick color with an eye dropper straight from Dev Tools

Saves screen grabbing and then using from pixelmator pic.


This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan

<p>Can't believe I didn't realise that this exists, for the longest time I have been screen grabbing and then opening up Pixelmator just to get the HTML color of a part of the web page.</p> <p>Just click on the CSS property that contains the color, then in the page select the pixels you want as the color.</p> <figure><img src="https://paul.kinlan.me/images/color.gif" /><figcaption>Eye Dropper</figcaption></figure> <h3 id="original-twitter-post">Original Twitter Post</h3> <blockquote class="twitter-tweet" lang="en"><p>TIL: Pick color with an eye dropper straight from Dev Tools Saves screen grabbing and then using from pixelmator <a href="http://t.co/aUsW1jQE1r">pic.twitter.com/aUsW1jQE1r</a></p>— Paul Kinlan (@Paul_Kinlan) <a href="https://twitter.com/Paul_Kinlan/status/567972543975571456">February 18, 2015</a></blockquote> <script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>


This content originally appeared on Modern Web Development with Chrome and was authored by Paul Kinlan


Print Share Comment Cite Upload Translate Updates
APA

Paul Kinlan | Sciencx (2015-02-18T00:00:00+00:00) Eye-dropper in Chrome Devtools for quickly picking colors from the web page. Retrieved from https://www.scien.cx/2015/02/18/eye-dropper-in-chrome-devtools-for-quickly-picking-colors-from-the-web-page/

MLA
" » Eye-dropper in Chrome Devtools for quickly picking colors from the web page." Paul Kinlan | Sciencx - Wednesday February 18, 2015, https://www.scien.cx/2015/02/18/eye-dropper-in-chrome-devtools-for-quickly-picking-colors-from-the-web-page/
HARVARD
Paul Kinlan | Sciencx Wednesday February 18, 2015 » Eye-dropper in Chrome Devtools for quickly picking colors from the web page., viewed ,<https://www.scien.cx/2015/02/18/eye-dropper-in-chrome-devtools-for-quickly-picking-colors-from-the-web-page/>
VANCOUVER
Paul Kinlan | Sciencx - » Eye-dropper in Chrome Devtools for quickly picking colors from the web page. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2015/02/18/eye-dropper-in-chrome-devtools-for-quickly-picking-colors-from-the-web-page/
CHICAGO
" » Eye-dropper in Chrome Devtools for quickly picking colors from the web page." Paul Kinlan | Sciencx - Accessed . https://www.scien.cx/2015/02/18/eye-dropper-in-chrome-devtools-for-quickly-picking-colors-from-the-web-page/
IEEE
" » Eye-dropper in Chrome Devtools for quickly picking colors from the web page." Paul Kinlan | Sciencx [Online]. Available: https://www.scien.cx/2015/02/18/eye-dropper-in-chrome-devtools-for-quickly-picking-colors-from-the-web-page/. [Accessed: ]
rf:citation
» Eye-dropper in Chrome Devtools for quickly picking colors from the web page | Paul Kinlan | Sciencx | https://www.scien.cx/2015/02/18/eye-dropper-in-chrome-devtools-for-quickly-picking-colors-from-the-web-page/ |

Please log in to upload a file.



There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.

Related Posts