Tips & Tricks #20

Can I change authored color format to other formats like hsl, hwb etc?

Chrome, Edge, Opera

1. In the Styles pane, hold the Shift key and click on the color preview box to cycle through the various color formats like hex, rgb, hsl, and hwb.

2. Alternatively, you can change the color format in the color picker using the up-down arrow keys.

canidev.tools/change-color-format/chrome

---

Firefox

1. In the Rules pane, hold the Shift key and click on any color preview to change the color format.

2. It is also available as an optional default.

canidev.tools/change-color-format/firefox