Help us make DevTools Tips better! Fill out this survey to tell us more about your DevTools habits and frustrations.
Convert color formats
Colors in CSS can be expressed in a number of different formats: keyword (e.g.
blue), RGB, HSL, hexadecimal, and others.
In DevTools, you can easily convert from one format to the next.
- Find an element in the Elements panel (or Inspector panel in Firefox) that has some CSS color properties applied.
- In the Styles panel (or Rules in Firefox), hold Shift and click on the color swatch (the little colored circle next to the color value) to cycle through the different formats.