Free color converter — convert between HEX, RGB, HSL, HSV, and OKLCH instantly with live previews.
Was Color Converter useful?
Your vote helps us prioritize improvements.
The QuickToolz Color Converter translates between every common web color format — HEX, RGB(A), HSL(A), HSV/HSB, and the modern OKLCH color space. Drop in any color and the other formats appear in real time with a live preview swatch.
HEX: #3b82f6 or #3b82f6cc (with alpha)
RGB/RGBA: rgb(59, 130, 246) / rgba(59,130,246,0.8)
HSL/HSLA: hsl(217, 91%, 60%)
HSV/HSB: used by Figma, Photoshop
OKLCH: oklch(62.3% 0.214 259.81) — modern, perceptually uniform
OKLCH is a perceptually uniform color space adopted by Tailwind v4 and modern design systems. It produces smoother gradients, more predictable contrast, and easier theme generation than HSL. CSS Color Module Level 4 supports it natively.
Everything you need, nothing you don’t. Built for speed and simplicity.
HEX, RGB, HSL, HSV, and OKLCH supported.
Color swatch updates instantly as you change values.
Conversions are reversible without drift between formats.
Live conversion as you type or move sliders.
Everything you need, nothing you don’t. Built for speed and simplicity.
Use the picker or paste any color in any format.
HEX, RGB, HSL, HSV, OKLCH all update with a preview swatch.
One-click copy for the format you need.
Got questions? We’ve got answers. Common questions about Color Converter.
#0EA5E9rgb(14 165 233)hsl(199 88.7% 48.4%)hsb(199, 94%, 91.4%)oklch(68.47% 0.1479 237.32)cmyk(94%, 29%, 0%, 9%)