How to get colors from live website free
Believe it or not, Chrome has become a favorite browser for designers, developers, users everyone alike.
Whereas it gives a seamless browsing experience to users, it also extends development capability by giving a native in-browser dev tools. If you need color details of an specific element, just fire your dev-tool and get the color details.
But, what makes it even better is the bunch of extension which adds experience on top of existing capabilities. Here’s few of them which allow you to pick colors from an existing element.
Let’s have a look:
Colorzilla
Advanced Eyedropper, Color Picker, Gradient Generator and other colorful goodie
Downlaod here- https://chrome.google.com/webstore/detail/colorzilla/bhlhnicpbhignbdhedgjhgdocnmhomnp
Visual Inspector — Colors
Extract and change colors, gradients, theme in live website
Downlaod here — https://chrome.google.com/webstore/detail/visual-inspector-by-canva/efaejpgmekdkcngpbghnpcmbpbngoclc?hl=en
ColorPick Eyedropper
An eye-dropper & color-picker tool that allows you to select color values from webpages.
Download here — https://chrome.google.com/webstore/detail/colorpick-eyedropper/ohcpnigalekghcmgcdcenkpelffpdolg?hl=en
Eye Dropper
Eye Dropper is open source extension which allows you to pick colors from web pages, color picker and your personal color history.
Download here — https://chrome.google.com/webstore/detail/eye-dropper/hmdcmlfkchdmnmnmheododdhjedfccka?hl=en
Color Picker
Color Picker gives you the ability to pick accurate colors for your jobs, and give you the exact color number that you can use…
Download here- https://chrome.google.com/webstore/detail/color-picker/jcmgligingjhdnhdhgepemlckgcgmgaj?hl=en
Final words
Whereas, each of these extensions have their own pros and cons. You can choose the right one, based on your preference.
Having said that, Visual Inspector (totally unbiased) does more than just picking colors and also let you:
- Pick fonts from the web page
- Inspect design properties
- Make change to the live web page
- Add comment to the page to specify changes
- Lot more…
So try one of these extensions, and stop digging into codes to native dev-tools.
Are we missing your favorite extension to pick colors from website? Let us know in comments.
Did this article save your time? Clap on the article and share it with your friends.
