Convert between HEX, RGB and HSL with a live preview.
HEX (#RRGGBB or #RGB), rgb(), and hsl() strings. Edit any of the three fields and the other two update automatically.
HSL separates hue, saturation and lightness, making it easy to build consistent color palettes by adjusting one axis โ like lightness for a hover state โ without changing the hue.