Amit Merchant

Amit Merchant

A blog on PHP, JavaScript, and more

Make DevTools pick colors outside of Chrome

You know we have got a handy color picker in Chrome DevTools that let you pick colors anywhere from the browser window easily.

Here’s how it works.

Chrome's color picker in action

That’s pretty handy but do you know you can also make this color picker pick color outside of Chrome using an experimental feature.

To do so,

  • First open DevTools.
  • Open Settings
  • Open the “Experiments” tab in there and search for “color” in the Filter input.
  • And from there, check the “Enable color picking outside of the browser window” option.
  • Reload the DevTools.

Enable picking color outside option

And that’s it! You’ll now be able to pick colors outside of Chrome.

In action

👋 Hi there! I'm Amit. I write articles about all things web development. If you like what I do and want me to continue doing the same, I'd like you consider leaving a tip. I'd highly appreciate that. Cheers!