Color Converter

Convert colors between HEX, RGB and HSL with a live preview.

Pick a color or type a HEX, RGB or HSL value and instantly see the other formats plus a live swatch. Ideal for CSS, design and development work. Everything runs in your browser.

Pick a color

Screen color picker isn't supported in this browser — use the picker or paste a HEX code.

Pick from an image

Color codes

Nearest named color

Royal Blue

#4169e1 · Δ 30.33

HEX#2563eb

RGBrgb(37, 99, 235)

HSLhsl(221, 83%, 53%)

Palette & harmonies

Shades & tints

Complementary

Analogous

Triadic

Tetradic

Tap any swatch to set it as the base color.

Color mixer

Base color

Second color

Mix ratio: 50% / 50%

Mixed color#8d51a5

Formula & methodology

HEX/RGB map directly per channel (0–255). HSL is derived from sRGB using the standard hue/saturation/lightness transform.

Worked example

#ff8800 → rgb(255, 136, 0) · hsl(32, 100%, 50%)

Frequently asked questions

What color formats can I paste?

HEX in 3, 6 or 8 digits (alpha is ignored), or adjust the RGB and HSL sliders directly.

Privacy

All processing happens locally in your browser. Your data is never uploaded.

Read the practical guide for this category.

Related tools

Color Palette Generator

Generate shades, tints and color harmonies from any base color.

Color Mixer

Blend two colors at any ratio and see the fused result and gradient.

Color Code Detector

Identify the nearest named color and every code for any color.