Changing Color Formats

You can Shift+Click on colors in Chrome Dev Tools to change the color format.

July 28, 2019

When I’m working with color on websites, I often find it helpful to adjust colors on the fly. I prefer to play with colors in HSL because I can adjust the saturation or lightness values to get variations of the same color that are duller or more vibrant, lighter or darker. So being able to do that in Dev Tools without having to copy the color code out to another tool is perfect!

A quick screencap of clicking through color formats in Chrome’s Dev Tools.

See the inspiration