Color Converter
Convert between HEX, RGB, HSL, and OKLCH with palette generation
Enter a color or use the picker to convert
Accepts HEX (#rgb, #rrggbb), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), OKLCH (oklch(L% C H)), or bare values (r, g, b). All processing happens locally in your browser.
About Color Converter
Convert colours between HEX, RGB, HSL, and OKLCH formats and generate related colour palettes. Colour conversion is a daily task for frontend developers and designers working across CSS, design tools, and brand guidelines that may specify colours in different formats. OKLCH is a modern perceptually uniform colour space that produces more natural-looking gradients and palettes than HSL. This tool parses any supported format, shows all conversions at once, and generates palette variations. All processing runs locally in your browser.
How to Use Color Converter
- Enter a colour value in any supported format: HEX (#FF5733), RGB, HSL, or OKLCH.
- View instant conversions to all other formats.
- Explore the generated palette variations based on your input colour.
- Copy any colour value using the copy button.
Color Converter FAQ
Which colour formats are supported?
HEX (#RRGGBB, #RGB), RGB (rgb(r, g, b)), HSL (hsl(h, s%, l%)), and OKLCH (oklch(L C H)) inputs are all parsed and converted between formats.
Can I generate a related palette?
Yes. The tool generates palette variations from any valid input colour, including complementary, analogous, and lightness/darkness variants using OKLCH for perceptual uniformity.
What is OKLCH and why use it?
OKLCH is a perceptually uniform colour space where equal numeric changes produce visually equal changes in colour. It produces more natural-looking palettes and gradients than HSL, and is supported in modern CSS.
Can I use the output directly in CSS?
Yes. All output formats are valid CSS colour values that you can copy directly into your stylesheets.
Is my data sent to a server?
No. All colour conversion and palette generation happens locally in your browser.