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

Reference: https://developer.chrome.com/devtools/docs/settings


    CSS Howto..

    How to align a list to an image, and jquery problems

    how to use removeclass() function in Jquery to disable the CSS

    How to detect redraw rate (fps) of a css animation?

    HTML layout with vertical divider and menu between sections - how?

    How can I make a fixed div JUMP when scrolling?

    Show header when at top of page - Scroll event re-firing issue

    how to make div fixed and ot move upon window resize

    How can I set my unordered list to be in the middle not in-line (see image)?

    How to parameterize CSS selectors? [duplicate]

    How to apply a line wrap/continuation style and code formatting with css

    How to force a TD to be a certain height with CSS?

    How do I have a border-bottom on all except the last item

    How to pull all CSS rules on an element together

    Tricky: In CSS and HTML, how to make a sub DIV go under the container if the container has a z-index of 0?

    CSS: How does setting a right margin cause the element's parent to become visible in this example?

    How to make one css input type be displayed the same as another input type

    How to avoid overlapping text using CSS?

    Menu CSS showing current page in a single html file

    how to make background css url dynamic using jquery

    How to add styles programmatically?

    How to vertically aligned to middle with bootstrap?

    How to show/hide a 3 levels menu nav in css?

    jQuery - how do I show the full navbar at certain width?

    How to underline blank space in CSS?

    How to make layout like notes in Google Keep using CSS?

    How to apply customized css to SSRS report

    How can I make several divs on the left overlap one div on the right?

    How to use SVG fragment identifier for CSS background image on iOS?

    How to theme elgg with HTML and CSS only? [closed]

    How to add schedule elements into this calendar?