Free Color Converter — HEX, RGB & HSL

Pick a color or paste a value to convert instantly between HEX, RGB, and HSL.

HEX#2563EB
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)

How to use / FAQ

Use the swatch to pick a color visually, or type any HEX, rgb(), or hsl() value into the box. The three formats stay in sync as you go, and each one has its own copy button so you can drop it straight into your CSS.

What are HEX, RGB, and HSL for?

HEX and RGB describe a color by its red, green, and blue channels and are what most CSS and design tools expect. HSL uses hue, saturation, and lightness, which makes it easier to nudge a shade lighter or more muted by hand. To check whether two colors are readable together, run them through the WCAG contrast checker.

Which formats can I paste in?

Three-digit and six-digit hex (with or without #), rgb()/rgba(), and hsl()/hsla(). The alpha channel is accepted but not shown in the converted output.

Why do converted values sometimes round?

HSL is stored with whole-degree hue and whole-percent saturation and lightness, so a round trip through HSL can shift a channel by a point or two. HEX and RGB are exact.

Is my color sent anywhere?

No — every conversion runs in your browser with plain math. Nothing leaves your device.