Convert between HEX, RGB, HSL, and OKLCH color formats
Enter a color value
Input a color in any format: HEX (#ff0000), RGB (rgb(255, 0, 0)), or HSL.
View all formats
See your color automatically converted to HEX, RGB, HSL, and other formats.
Copy any format
Click the Copy button next to any format to copy it to your clipboard.
Yes, the Color Converter is completely free with no limitations. Convert between color formats, explore the color picker, and copy CSS values as often as you need without any registration.
The tool supports HEX (like #3b82f6), RGB (like rgb(59, 130, 246)), RGBA with alpha transparency, HSL (like hsl(217, 91%, 60%)), and OKLCH (a perceptually uniform color space). You can input colors in any format and get instant conversions to all other formats.
OKLCH is a modern, perceptually uniform color space where equal numerical changes produce visually equal differences. Unlike HSL, OKLCH maintains consistent perceived lightness and saturation across different hues. It is ideal for creating accessible color palettes and is now supported in all modern browsers.
Yes, all color conversions happen locally in your browser. No color data is sent to any server. The tool uses JavaScript math to convert between color spaces, ensuring your work remains completely private.
Absolutely. The tool provides copy-ready CSS values for all formats. You can use the visual color picker to find the perfect color, adjust values numerically for precision, and copy the exact CSS syntax you need for your stylesheets, whether that is HEX, RGB, HSL, or the modern OKLCH format.