Color Converter
Convert colors between HEX, RGB, HSL and OKLCH.
Processed locally in your browser. Nothing you enter is uploaded or stored.
- Four formats at once, including OKLCH for perceptually-even colour work.
- Live swatch so you can see what you're converting.
- Runs in your browser.
Why this is private
- Processed locally in your browser. Nothing you enter is uploaded or stored.
- Open your browser's DevTools → Network tab while using this tool — you won't see a request carrying your input, because it never leaves your device.
- Nothing you enter is uploaded to a server or shared with us — the processing happens entirely on your device.
Overview
Converts a color between HEX, RGB, HSL and OKLCH formats, with a live swatch preview.
How to use it
- 1Enter a color in any supported format, or pick one visually.
- 2All other formats update instantly.
Examples
HEX to RGB
Input
#7C3AED
Output
rgb(124, 58, 237)
Frequently asked questions
What people use it for
Turn a design HEX into RGB or HSL for CSSGet the `rgb()` or `hsl()` form a codebase prefers.
Adjust lightness or hue predictablyRead the HSL or OKLCH values, tweak one channel, convert back.
Convert a colour token to OKLCHMove a palette to OKLCH for more even lightness steps.
Match a colour from RGB valuesPaste `rgb(...)` from a screenshot tool and get the HEX.
Related guides
- How to read JSON with a tree viewerA tree viewer turns a wall of brackets into a structure you can expand, search and copy paths from. Here's how to use one effectively.
- JSON parse errors explained: 'Unexpected token', 'Expected comma or brace', and the restWhat each common JSON error message actually means, the usual cause, and how to find the spot fast using line and column.
- How to format JSON (and actually understand the errors)JSON looks like a JavaScript object but follows stricter rules. Here's what those rules are and how to read the errors when they're broken.
Related tools
All generators toolsColor Palette GeneratorGenerate, lock, and export harmonious color palettes.JSON Viewer & FormatterView, format, validate, edit and beautify JSON with an interactive tree view, plus a shareable link.JSON ValidatorValidate JSON syntax and pinpoint errors instantly.JSON MinifierStrip whitespace to compress JSON to its smallest size.
Ready to use Color Converter?
Color Converter