How to use the Google Chrome color picker extension

Community driven content discussing all aspects of software development from DevOps to design patterns.

To use the built-in Google Chrome color picker that’s packaged as part of the browser’s suite of DevTool extensions, follow these steps:

How to find colors from images with the Google Chrome color picker extension.

The Google Chrome color picker extension that comes pre-packaged with the browser’s built-in developer tools is all you need to inspect and discover the RBG or HEX values of:

In fact, when you activate the Chrome color picker extension’s eyedropper, you can select from elements anywhere on your computer screen. That includes other webpages you might have open, or other applications running on your PC.

Along with the ability to pick colors from images and HTML elements on the page, the Google Chrome color picker extension also enables developers to:

If the built-in Chrome color picker doesn’t suit your needs, there are other third-party color picker extensions for Chrome that can be added to the browser, including these options:

However, before you install any of these third-party color pickers for Chrome, first take a look at the built-in color picker eyedropper in Chrome’s DevTools. It’s packed with features, and for most users, it’s all that they’ll need.

The Google Chrome color picker extension enables you to pick colors from images with an eyedropper.