Color Converter Online Free
Pick a color or enter a HEX code and get the RGB and HSL values instantly. Copy any format with one click.
Five color models, one shared RGB core
Every color format on this page, HEX, RGB, HSL, HSV, and CMYK, is really just a different way of describing the same three channel red, green, blue value. The converter keeps a single internal RGB object as its source of truth and derives every other format from it on demand with plain floating point math, entirely in your browser. Type a HEX code, adjust an HSL slider, or drop in a CMYK percentage, and everything downstream recalculates instantly.
The conversion math, briefly
1 - max(r,g,b) on a 0-1 scale. Cyan, magenta, and yellow are then each computed relative to the remaining brightness headroom after black is subtracted out. This is the standard subtractive-color approximation used for screen-to-print estimates, not a calibrated ICC profile conversion.
This is the exact hue interpolation function defined in the CSS Color Module and used by browsers themselves whenever they resolve an hsl() value to a pixel. There’s no shortcut here, it’s the same math every browser runs.
Format reference
| Format | Range | Best for |
|---|---|---|
| HEX | #000000 to #ffffff | CSS, design tools, quick sharing |
| RGB / RGBA | 0-255 per channel | Canvas, image processing, alpha blending |
| HSL / HSLA | Hue 0-360, S/L 0-100% | Adjusting lightness without shifting hue |
| HSV | Hue 0-360, S/V 0-100% | Color pickers, design software sliders |
| CMYK | 0-100% per channel | Rough print color estimate |
Extras built on the same math
WCAG contrast preview
Reuses the same relative luminance formula as the dedicated contrast checker to show your current color’s best contrast ratio against pure black and white text.
Tints and shades
Generated by moving HSL lightness up or down in fixed steps of 10, 20, 35, 50, 65, and 80 percent while holding hue and saturation constant, which is why they stay recognizably the same color family.
Dark or light detection
Uses the same relative luminance number against a threshold of 0.179 to decide whether preview text should render in white or black for legibility.
- CSS Color Module Level 4, the specification defining HSL and HSV interpolation formulas.
- sRGB color space reference, the assumed color space for every RGB value this tool works with.
- CMYK color model background on the subtractive approximation used here.
Where each notation belongs
Pulling a HEX value from a designer’s HSL spec into CSS, checking what a brand color looks like as a CMYK estimate before sending files to a print shop, generating a matching triadic palette for a chart legend, or converting a color picked from an image into the exact CSS variable syntax needed for a component library. Developers also use it to sanity check that a color picked in one tool renders identically once pasted into code.
Questions About Color Converter Online Free
Yes. Free with no signup, no ads in the tool and no data sent anywhere.
Currently HEX is the primary input. RGB and HSL are shown as outputs. Direct RGB and HSL input is coming soon.
RGB defines color as red, green and blue light values (0-255). HSL defines it as hue (0-360 degrees), saturation (0-100%) and lightness (0-100%). HSL is easier to reason about for adjusting colors.
Currently 6-digit HEX codes are supported. Alpha channel support is on the roadmap.
Use our separate Color Contrast Checker tool. It tests your foreground and background colors against WCAG AA and AAA standards.
From the blog
Notes on images and colour
Format choices, compression tradeoffs and accessible palettes.
