Free Tool

Color Converter – HEX, RGB & HSL

Convert colors between HEX, RGB, and HSL formats instantly. Includes a live color preview and visual picker — free, browser-based, no install.

HEX

Picker

R (0–255)

G (0–255)

B（0–255）

H (0–360°)

S (0–100%)

L (0–100%)

CSS Output

What is a Color Converter?

A color converter translates color values between the three most common CSS color models: HEX (hexadecimal), RGB (red, green, blue), and HSL (hue, saturation, lightness). Each model represents the same color differently, and designers often need to switch between them depending on the context.

Color Format Comparison

HEX (#RRGGBB) — used in HTML/CSS; the most common web color format.
RGB (rgb(R, G, B)) — each channel ranges 0–255; used in CSS and image manipulation.
HSL (hsl(H, S%, L%)) — more intuitive: adjust hue (0–360°), saturation (how vivid), lightness (how bright).

Frequently Asked Questions

What is the difference between HSL and HSV/HSB?

HSL (Hue, Saturation, Lightness) and HSV/HSB (Hue, Saturation, Value/Brightness) are different cylindrical color models. In HSL, a lightness of 100% always produces white regardless of hue. In HSV, a value of 100% with full saturation produces a fully vivid color. CSS uses HSL natively.

How do I find a color's HEX code from a website?

Use your browser's DevTools: right-click any element → Inspect → find the color property in the Styles panel. Click the color swatch to get HEX, RGB, and HSL values.