#1b6ef3
This runs in your browser. Nothing is uploaded.
About Color converter
Converts among HEX, RGB, HSL, and CMYK in your browser with a live swatch, so a brand hex never has to go to a random color site.
Design handoffs arrive as hex, CSS arrives as rgb(), print people ask for CMYK, and someone on the call reads HSL values from a slide. I wanted one panel that accepts any of those shapes, normalizes to eight-bit RGB, and shows the rest with a swatch you can trust with your eyes. Paste #1b6ef3 or rgb(27, 110, 243) or a comma-separated HSL or CMYK line; the math runs locally. No upload, no account, no 'extract palette from photo' upsell. Copy whichever column your downstream tool expects without retyping channels by hand. Percent signs in HSL and CMYK are accepted in the common forms; garbage input fails loudly instead of drifting.
Conversions are plain algebra, not ICC profiles. HEX is six-digit sRGB-style hex with a leading hash. RGB channels clamp to 0 through 255. HSL and CMYK are the usual textbook transforms from those bytes, which is what you want for a quick CSS tweak, not what you want for a contract proof on a calibrated press. CMYK output is idealized from RGB; it will not match your printer without a rip that knows your stock and inks. Treat CMYK here as a conversation starter with print, not a plate-ready separation.
Edit any field and the others follow when the parse succeeds. Short three-digit hex expands to six. Invalid input shows an error instead of silently snapping to black. I didn't add LAB, LCH, Pantone lookup, or named CSS colours beyond what you type. The eyedropper on an image lives under Metadata; this page is for values you already have in text. Jump to the contrast checker when you have a foreground and background pair and need WCAG numbers, not just a prettier hex. The swatch is sRGB on your display; two machines can disagree slightly even when the hex matches.
How to use Color converter
- 1Type or paste a color as HEX, RGB, HSL, or CMYK.
- 2Read the converted values and the live swatch in the side panel.
- 3Copy the format you need for CSS, a design doc, or a ticket.
What it won't do
- HEX, RGB, HSL, and CMYK only. No LAB, LCH, or Pantone tables.
- CMYK is derived from RGB math, not an ICC print profile.
Common questions
Which color formats can I paste?
HEX with or without # (three or six digits), rgb() or comma-separated RGB, HSL in common functional or comma forms, and CMYK as percentages or decimals. Anything outside those parsers returns a clear error.
Is CMYK here accurate for print?
It is a math conversion from on-screen RGB, not a press profile. Use it for rough separations and conversations with print vendors. Contract proofs still need their workflow, not a browser tab.
Does the color converter pick colors from an image?
No. This page converts text notations. Use the eyedropper under Metadata if you need to sample a pixel from a picture.
Related tools
Why this one doesn't upload your file
There is no server to upload to. This page is a static file, and the work happens in your browser using the same graphics and WebAssembly code that renders every other site you visit. Your file is read from disk into memory, processed, and handed back as a download. Once the page has loaded you can disconnect from the network entirely and it keeps working. The longer explanation