Chrome DevTools Converts All HEX Colors to RGB: how to stop?

Tags: css,google-chrome,colors,google-chrome-devtools

Problem :

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.

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

This only recently happened (about a month ago), so I also cannot determine the cause. It's possible that this is some side-effect from a personal Chrome::flags setting or included via update as Google's way to push developers away from using colors. Is this happening to others as well?

Solution :

Click the gear icon on the Web Inspector panel. Go to Elements > Color format, and select the option you wish to have, "As authored" is the default value.

enter image description here


    CSS Howto..

    how to make a input tag takes the rest of a td space in css?

    How to set CSS for the php script loaded by Jquery

    How to add CSS Transition for button sliding

    How to make footer not overlap and positioned properly?

    How to use selenium IDE to find/check if a div object has children?

    How achieve rounded shadow behide a rounded element using css3

    How to change the background color(on hover) and css(height/width) of a select option?

    How to get the text in the custom dialog to be centered vertically

    How can I apply some css for all readonly elements on focus in IE8?

    How to remove top / bottom margin from isotope masonry

    How to create a css rule for all elements except one class?

    CSS background color show another color

    In GWT, how to create a Style object and associate it with a Widget WITHOUT using a CSS file and WITHOUT UiBinder

    how to apply div on hover my table td

    How to detect mouse is over a child element in jQuery?

    How can I use CSS to create a middle column that fills the height of the page?

    how to do conditional css on table row?

    How to use CSS to align a custom check box with its label?

    How to use mapbox.js as a background so that html content and Navbar stay visible on top?

    How to fix this cell in the GridView?

    How can I add CSS and JS in Symfony2?

    How to handle Chrome rendering dynamically added elements with incomplete CSS

    How to increase width of Bootstrap container on Max width?

    How can I get rounded corners to fit over other content?

    Jquery hide / show div but to keep toggle link from “hiding” too

    CSS: How to create colsgroup like semantic-ui way

    What is the best tutorial or tutorials on how to make a tooltip using CSS or JQuery or Both? [closed]

    How to make jQuery UI nav menu horizontal?

    How to write css for alt attribute of img tag (word-break: break-all property doesn't work in IE)

    How to make IE support min-width / max-width CSS properties?