Free Color Converter — HEX, RGB, HSL

Instantly convert colors between HEX, RGB and HSL. Edit any value and the others update automatically. Use the color picker for visual exploration.

Three formats at once

Edit HEX, RGB or HSL and all other formats update instantly — no switching between tools.

Visual color picker

Use the native color picker to visually explore colors, then copy values in whatever format you need.

Copy with one click

Click Copy next to any format to get the full CSS-ready string: hex, rgb(), or hsl() — straight to your clipboard.

🎨 Free Color Palette Extractor

Upload any image and instantly extract its dominant colors as hex codes. Get a r…

Try it →

Frequently asked questions

What is the difference between HEX and RGB?

HEX is RGB written in base-16. For example, #3b82f6 = rgb(59, 130, 246). HEX is common in CSS; RGB is easier to read numerically.

What is HSL?

HSL stands for Hue, Saturation, Lightness. Adjusting lightness makes a color lighter or darker without changing its hue — useful for design systems.

Are the conversions accurate?

Yes. HEX ↔ RGB is exact. HSL uses the standard conversion algorithm; values are rounded to the nearest integer.