Get "PHP 8 in a Nuthshell" (Now comes with PHP 8.3)
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

Like this article? Consider leaving a

Tip

👋 Hi there! I'm Amit. I write articles about all things web development. You can become a sponsor on my blog to help me continue my writing journey and get your brand in front of thousands of eyes.

Comments?