🎨 Color Converter

Convert between HEX, RGB and HSL color codes. Pick a color and all three formats update instantly, with one-click copy.

Color Picker

HEX

H (Hue)

S (Saturation %)

L (Lightness %)

📖 How to Use

Pick a color: click the color picker and choose visually, or type a color code you already know into any of the HEX, RGB, or HSL fields.
All three formats update live — no button to click. Change any one field and the others, plus the preview swatch below, instantly recalculate.
The HEX field accepts a pasted code in either 6-digit form (e.g. #4F46E5) or the 3-digit shorthand (e.g. #4F6); if the format isn't valid, nothing updates.
The RGB fields take R, G, B as whole numbers from 0–255; the HSL fields take Hue (0–360) and Saturation/Lightness as percentages (0–100).
Each format has its own Copy button next to it — click it to copy that field's full string (e.g. rgb(79, 70, 229)) to your clipboard, ready to paste into design software or code.

Note: you don't need to select the text yourself before copying — the Copy button selects the whole field and copies it automatically. If nothing happens after pasting into the HEX field, it's usually a stray space or wrong digit count (it must be exactly 3 or 6 hex digits) — double-check the format.