Back to Dev Tools
🎨

Color Converter

Instantly convert colors between HEX, RGB, and HSL formats with a live preview. See complementary colors, harmonies, and exact channel values.

🎨

Color Converter

Convert colors between HEX, RGB, and HSL formats with live preview

#6366F1
#

Complement

30° Left

60° Right

Light

Dark

Red 99
Green 102
Blue 241
About Color Formats

HEX — Six-digit hexadecimal representation: #RRGGBB. Each pair ranges from 00 to FF.

RGB — Red, Green, Blue values: rgb(R, G, B). Each channel ranges from 0 to 255.

HSL — Hue, Saturation, Lightness: hsl(H, S%, L%). Hue is 0–360°, Saturation and Lightness are 0–100%.

About Color Models

HEX

Six-digit hexadecimal (#RRGGBB) format, widely used in web design and CSS. Each pair represents red, green, and blue values from 00 to FF.

RGB

Red, Green, Blue additive color model. Each channel ranges from 0 to 255. Used in digital displays, screens, and CSS rgb() function.

HSL

Hue (0-360°), Saturation (0-100%), Lightness (0-100%). More intuitive than RGB — adjust hue for color shifts, saturation for vibrancy.

Free online Color Converter. Convert between HEX, RGB, and HSL color formats instantly with real-time preview. Features complementary color suggestions, harmony swatches, and individual channel breakdown. Perfect for web developers, designers, and digital artists.