Developer Tools

Color Converter

Convert colors between HEX, RGB, and HSL instantly. Pick from a color wheel or type any value — free, browser-based, no signup.

No uploads — browser onlyInstant result

Preview

HEX value (e.g. #ff6b6b)

All Formats

HEX

#6366f1

RGB

rgb(99, 102, 241)

RGB (values)

99, 102, 241

HSL

hsl(239, 84%, 67%)

HSL (values)

239, 84%, 67%

How to convert colors

Pick a color using the color wheel, or select an input format (HEX, RGB, or HSL).
Type or paste your color value.
Click Convert Color to see all formats.
Hover any row and click the copy icon to copy a value.

HEX vs RGB vs HSL — what's the difference?

HEX is the six-digit hexadecimal notation used in HTML and CSS (e.g. #ff6b6b). RGB expresses each channel as a 0–255 integer (e.g. rgb(255, 107, 107)). HSL — Hue, Saturation, Lightness — is a more human-friendly model where hue is a 0–360° angle and saturation/lightness are percentages.

Privacy — computed in your browser

All color math runs entirely in your browser using pure JavaScript. No data is sent to any server.

Frequently Asked Questions

Does this support alpha / opacity?

The converter handles opaque colors (HEX 6-digit, RGB, HSL). Alpha channel (RGBA / HSLA) support is on the roadmap.

Can I enter a 3-digit HEX color?

Yes — e.g. #f0f is automatically expanded to #ff00ff.

What is the HSL hue range?

Hue is a 0–360° color wheel angle. Red is 0°/360°, green is 120°, blue is 240°.

How accurate is the conversion?

HEX ↔ RGB is lossless (both are integer representations). RGB ↔ HSL involves rounding to integers, so repeated conversions may drift by ±1 in some channels.