Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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?

like image 938
AJeezy9 Avatar asked Apr 25 '15 19:04

AJeezy9


People also ask

How does RGB convert to hex?

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.

Is RGB more accurate than hex?

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.

Are hex codes for RGB?

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.


1 Answers

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

like image 105
Stickers Avatar answered Sep 22 '22 14:09

Stickers