Color Converter
Convert between HEX, RGB, HSL, and CMYK - with a live preview.
Enter a color in HEX, RGB, or HSL and see it instantly converted to the other formats, including CMYK for print work, with a live swatch so you can confirm it visually. Useful when a design tool gives you HSL but your CSS needs HEX, or when you need CMYK percentages for a print job. All conversion happens locally with no upload, and results update as you type or drag the color picker.
Runs on your device. This tool processes your file inside this browser tab. Nothing is uploaded, so it also works offline once the page has loaded, and closing the tab discards the file from memory.
Loading tool
How it works
- 01
Enter a color value in HEX, RGB, or HSL.
- 02
View the live-converted values in RGB, HSL, and CMYK.
- 03
Copy any format, or fine-tune with the color picker.
Details
- Category
- Developer & data
- Runs
- In your browser
- Files uploaded
- No
- Cost per run
- Free
- Sign-in
- Not required
- Works offline
- Yes, once loaded
Last updated 2026-08-12
Common questions
Which formats are supported?
HEX (#RRGGBB), RGB (and RGBA with alpha), HSL (and HSLA with alpha), and CMYK.
How is RGB converted to CMYK?
Using the standard formula: K = 1 - max(R,G,B), then C, M, and Y are derived from R, G, B, and K. This is the same approximation most design tools use for on-screen preview; exact print output also depends on your printer's color profile.
Does it support alpha/transparency?
Yes - RGBA and HSLA values with an alpha channel are supported alongside the opaque formats.
Why would I use HSL instead of HEX?
HSL separates hue, saturation, and lightness, making it easier to create consistent color shades or tints by adjusting one value.
Is my color value uploaded anywhere?
No - conversion runs entirely in your browser.
Use this from your code
This tool is also a REST endpoint, so you can run it in a pipeline instead of by hand. It is free and needs no API key. See the API reference for every parameter.
curl -X POST https://fileoven.com/api/v1/tools/color-converter \
-H "Content-Type: application/json" \
-d '{"hex":"#3b82f6"}'