Free Online Color Format Converter
Convert between HEX, RGB, HSL, and OKLCH in real time, with live color preview and one-click copy.
Key Features
Four Formats Interchange
Auto-detect HEX, RGB, HSL, or OKLCH input and output every format at once.
Live Preview
A large swatch previews the color in real time, with light/dark text contrast at a glance.
One-Click Copy
Every format has its own copy button for pasting straight into code or design files.
100% Local
All conversion happens in your browser β no internet connection required.
How to Use
Enter a color
Paste a color value in any format, such as #3498db, rgb(52,152,219), or hsl(204,70%,53%).
Auto-detect
The tool detects the input format and outputs all formats with a live preview.
Copy and use
Click the copy button for any format and paste it into CSS, design files, or code.
Frequently Asked Questions
What is the difference between HEX, RGB, and HSL?
HEX is hexadecimal color, RGB is red/green/blue components, and HSL is hue/saturation/lightness β the same color expressed in different ways. The tool converts between them freely.
What is OKLCH?
OKLCH is a modern perceptually uniform color space recently supported by modern CSS, offering greater precision for accessible design.
Does it support colors with transparency?
Yes. RGBA and HEX values with alpha are both recognized and converted, and the output preserves transparency information.
Is my data uploaded?
No. All color conversion happens locally in your browser β no internet connection required.