All Color Formats
Convert between HEX, RGB, HSL, HSV, CMYK, LAB, and OKLCH. All major formats in one place.
Free Online Tool
HEX to RGB, HSL, OKLCH Color Converter - Free Online Tool
Convert colors between HEX, RGB, HSL, HSV, CMYK, LAB, and OKLCH instantly. Copy any format with one click. Free online color format converter for designers and developers.
Color Input
Enter a color in any format
Click to pick
#3B82F6
All Formats
Click any value to copy
HEX
RGB
HSL
HSV
CMYK
LAB
OKLCH
Key Features
Powerful features designed for designers and developers
Instant Conversion
Results update in real-time as you type. No button clicks needed — just enter your color.
OKLCH Support
Full support for the modern OKLCH perceptual color space, the future of CSS color.
Copy to Clipboard
One-click copy button next to every format. Paste directly into your code or design tool.
Visual Preview
See a live color swatch as you type. Instantly verify the color you are working with.
Reverse Conversion
Input in any format and convert to all others. Paste RGB, HSL, or OKLCH and get HEX back.
How It Works
Get started in just a few simple steps
- 1
Enter Your Color
Type or paste a color value in any format — HEX, RGB, HSL, or OKLCH. Use the color picker for visual selection.
- 2
View All Conversions
See the color converted to every format instantly. HEX, RGB, HSL, HSV, CMYK, LAB, and OKLCH all update in real-time.
Copy Your Format
Click the copy icon next to any format to copy the value to your clipboard, ready to paste into your code or design tool.
Frequently Asked Questions
Everything you need to know
How do I convert HEX to RGB?
Simply paste your HEX color value (e.g. #3B82F6) into the input and the RGB value is shown instantly. You can then copy it with one click.
What is OKLCH and why should I use it?
OKLCH is a perceptually uniform color space where equal numeric changes produce equal perceived color changes. It is ideal for creating accessible and consistent color scales. Modern browsers support it natively in CSS.
Can I convert RGB or HSL back to HEX?
Yes! The converter works in all directions. You can input any format — HEX, RGB, HSL, OKLCH, or others — and get the full conversion table.
Does it support alpha/transparency?
Yes, you can enter colors with alpha values like rgba(59,130,246,0.5) and see the alpha preserved across formats where supported.
What is the difference between HSL and HSV?
HSL (Hue, Saturation, Lightness) defines lightness where 100% is white. HSV (Hue, Saturation, Value) defines value where 100% is the full color. Both are useful in different contexts.
Related Tools
Explore more color tools
Ready to Get Started?
HEX to RGB, HSL, OKLCH Color Converter - Free Online Tool - Free, no signup required
Convert Colors Now