Search code examples
cssgoogle-chromegoogle-chrome-devtools

Chrome DevTools converts all HEX Colors to RGB


Recently, Chrome DevTools has begun converting all elements' HEX colors to their RGB values, regardless of whether that HEX color is set in CSS or through the DevTools itself. How to stop that?

I am aware of the hold down Shift + click the color icon method of converting colors to other formats, but I find this inconvenient. I am wondering if anyone knows how to stop this from happening?


Solution

  • Step 1, click the gear icon

    enter image description here

    Step 2, change Color format

    enter image description here

    Original answer

    Open Chrome DevTools panel:

    Click 3 dots icon at the far right corner, select Settings, and in the Preferences panel find Elements > Color format, select the option you wish to have, As authored is the default option.

    screenshot