Tools › Color Converter

Convert any color between all formats

Type or paste any value — HEX, RGB, HSL or CMYK — and instantly get all other formats. Click any value to copy. No registration.

R 59
G 130
B 246
HEX
RGB
HSL
CMYK

When to use each format

HEX is the standard for web design and CSS. RGB is used for digital screens. HSL makes it easy to adjust brightness and saturation intuitively. CMYK is used in print — it shows how inks are mixed.

How conversion works

All formats describe the same color using different mathematical models. HEX is just RGB in hexadecimal. HSL separates hue, saturation and lightness. CMYK is calculated from RGB by subtracting from white.

Two-way conversion

Edit any field — HEX, RGB, HSL or CMYK — and all formats update instantly. Use the RGB sliders for visual adjustment. Click any value to copy.

FAQ
How do I convert HEX to RGB?
Paste your HEX code into the HEX field at the top. The RGB values appear instantly. You can also edit the RGB fields directly — HEX and other formats update automatically.
What is the difference between RGB and CMYK?
RGB is an additive model for screens — mixing all three gives white. CMYK is a subtractive model for print — mixing all gives black.
Can I convert HSL to HEX?
Yes. Edit the H, S or L fields directly — the HEX code and all other formats update in real time.
Is this tool free?
Yes, completely free with no limits. No registration required, everything runs in your browser.

More color tools

Color PickerUpload a photo and click anywhere — get HEX, RGB, HSL and color name Palette from ImageExtract 5–8 dominant colors from any image Palette BuilderGenerate N colors with guaranteed text readability Color HarmoniesComplementary, analogous, triadic and split-complementary Color VariationsLighter, darker, more saturated, paler, warmer, cooler Gradient GeneratorCreate beautiful gradients and copy the CSS code WCAG ContrastCheck AA and AAA accessibility — free Color Blindness SimulatorHow colors look to people with protanopia, deuteranopia and other types Tailwind ConverterNearest Tailwind class for any HEX color Color by NameFind HEX by name — "terracotta", "indigo", "azure" CSS Filter for SVGRecolor SVG icons to any color via CSS without a code editor Color PalettesCurated palettes by theme — click a color to copy HEX