Make DevTools pick colors outside of Chrome

Amit Merchant · June 10, 2022 ·

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 write and want me to continue doing the same, I would like you buy me some coffees. I'd highly appreciate that. Cheers!

Comments?