

Discover more from Can I DevTools?
Get weekly tips & tricks for your favorite browser devtools, created by @pankajparashar.
Continue reading
Chrome, Edge, Opera
In the Styles pane, hold the
Shift
key and click on the color preview box to cycle through the various color formats likehex
,rgb
,hsl
, andhwb
.Alternatively, you can change the color format in the color picker using the up-down arrow keys.
Firefox
In the Rules pane, hold the
Shift
key and click on any color preview to change the color format.It is also available as an optional default.