Universal Color Converter
Convert any color to every format at once — HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLCH, OKLab and XYZ. Paste any value or use the picker; 100% in your browser, nothing uploaded.
How to Use
- Type or paste a color in any format — hex (#d4943a), rgb(), hsl(), hsv(), cmyk(), or a CSS name like "teal".
- Or click the swatch to use your browser's native color picker.
- Every format updates at once — click any value to copy it.
- Use the tint/shade strip and the complement chip to build a quick palette.
- For the theory behind these spaces, read Color Spaces Explained.
#d4943a, rgb(212,148,58), hsl(35,64%,53%), hsv(), cmyk(), or a CSS name like teal.The color spaces, at a glance
About the Universal Color Converter
The Universal Color Converter is a simple, free helper for colour and design work that runs entirely on your own device. Convert any color to every format at once — HEX, RGB, HSL, HSV, CMYK, LAB, LCH, OKLCH, OKLab and XYZ. Paste any value or use the picker; 100% in your browser, nothing uploaded.
How it works
Type a value, then pick what you want to change it into. The answer appears straight away. It all happens on your own device, so it is fast and nothing you type is sent away. Just check that you picked the right “from” and “to” so you get the answer you wanted.
Want the deeper story? The Knowledge Base explains the ideas behind the tools in more detail.
Frequently Asked Questions
Which color formats does it output?
Ten at once: HEX, RGB, HSL, HSV/HSB, CMYK, CIELAB, LCH, OKLCH, OKLab and CIE XYZ — plus the CSS color name when the value matches one exactly. Whatever you type in, you get every other format instantly.
What input can I paste?
Hex (#fff or #ffffff), rgb()/rgba(), hsl(), hsv()/hsb(), cmyk(), a bare "r, g, b", or a CSS named color. The tool auto-detects the format.
Why do LAB / OKLCH values look unfamiliar?
LAB and OKLCH are perceptual color spaces — distances in them match how different two colors actually look to the eye, which is why they are used for accessible palettes and smooth gradients. OKLCH in particular is the modern CSS standard for predictable lightness.
Is my color sent anywhere?
No. All conversion runs in JavaScript on this page. Nothing about the colors you enter leaves your browser.
Why did my CMYK or LAB color shift slightly?
CMYK and the wide-gamut spaces can describe colors outside the sRGB range your screen shows; those are clamped back to the nearest displayable color, which can move the numbers a little.
How do I use the Universal Color Converter?
Just type or paste your value. The answer shows up right away — there is no button to press. Change anything and it updates by itself.
Does it cost anything or need an account?
No. The tool is completely free, there is no account to create, and it keeps working offline after the page first loads.
Is anything I type uploaded?
No. The tool works entirely on your device, so the values you enter never leave your browser.
Common Use Cases
Try different numbers
Change one thing and watch the answer change. It is an easy way to compare your choices.
Nothing to set up
Open the page and start. There is nothing to install, and no account to make.
Check your work
Worked it out yourself? Use the Universal Color Converter to make sure your answer is right.
Stays on your device
Your inputs never leave the browser — nothing is uploaded, logged, or stored anywhere.
Last updated: