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?
First ValueTake the first number, 220, and divide by 16. 220 / 16 = 13.75, which means that the first digit of the 6-digit hex color code is 13, or D. Take the remainder of the first digit, 0.75, and multiply by 16. 0.75 (16) = 12, which means that the second digit of the 6-digit hex color code is 12, or C.
There is no informational difference between RGB and HEX colors; they are simply different ways of communicating the same thing – a red, green, and blue color value.
A HEX color is expressed as a six-digit combination of numbers and letters defined by its mix of red, green and blue (RGB). Basically, a HEX color code is shorthand for its RGB values with a little conversion gymnastics in between.
Step 1, click the gear icon
Step 2, change Color format
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.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With