Google Chrome color picker isn't responding

"Reset devtools" doesn't fix the issue. I am not entirely sure what the exact cause of this bug is, but the only fix available will need to be done in an update. I could not find it in the code itself, although I didn't spend much time looking.

The main issue is that when your dev tools are docked to the bottom of the window, then the color picker will not show. It will load though, but the interface wont show. More than likely it is either in the wrong layer, or has some issue with its actual display, as no errors are thrown.

Anyway, the reason resetting dev tools works is because the default setting is to dock the dev tools to the right side of the screen (presumably, their testing showed most users use a wide screen, multiple screen, setup; as a result, there is room on the side of the screen).

If you, like me, use dev tools docked to the bottom, then in order to see the color picker, you need to change the dev tool temporarily to be docked to the right side of the screen. This does not require the settings to be reset, just simply change the docking position.


if your color picker not working on your mouse pointer, then you have to change your display settings, if your display settings are at scale 125 or more then your color picker won't work in any of the browsers, if you change your display setting to 100% your color picker will automatically start working


Changing the window size brings back the color picker. If the window is full screen size, get out of full screen size.

The solution that worked for me is:

  • Get out of full screen mode (Un-maximize window).
  • Reduce the window size, specially the width.

Docking the dev-tools to right side, Scaling the display, Lowering display resolution also brings the color-picker back as all of these affects the browser window size. Hopefully this bug will be addressed soon.