Development

Color Converter HEX / RGB / HSL

Pick a color and instantly see its HEX, RGB and HSL values with a live preview. Edit any field and the others update automatically.

rgb(99, 102, 241)

hsl(239, 84%, 67%)

Frequently asked questions

What is the difference between RGB and HSL?

RGB describes a color via red, green and blue channels. HSL uses hue, saturation and lightness — easier to reason about in design.

Why use HEX in CSS?

HEX is a compact 6-digit notation for RGB. Most design tools and CSS examples use it.

Are colors saved anywhere?

No. Conversions happen entirely in your browser. Nothing is sent to a server.

Related tools