Nexvert100% Client-Side
Developer Tools

Color Converter (HEX, RGB, HSL, HSV, CMYK)

Convert colors across HEX, RGB, HSL, HSV, and CMYK color spaces with mathematical precision and live swatch preview.

  • 100% free
  • Files stay on your device
  • No sign-up, no watermark
HEX#dc2626
RGBrgb(220, 38, 38)
RGBArgba(220, 38, 38, 1)
HSLhsl(0, 72%, 51%)
HSVhsv(0, 83%, 86%)
CMYKcmyk(0%, 83%, 83%, 14%)

Related Developer Utilities

WCAG Color Contrast Checker (AA & AAA Standards)
Verify accessibility compliance between foreground text and background colors according to WCAG 2.1 AA and AAA standards.
CSS Gradient Generator & Visual Editor
Create linear and radial CSS gradients visually with color stops, angle controls, and one-click CSS code generation.
Image Color Palette Extractor (K-Means Clustering)
Extract dominant color palettes from uploaded images using HTML5 Canvas pixel sampling and K-Means color quantization.

What is Color Converter (HEX, RGB, HSL, HSV, CMYK)?

The Color Converter translates a colour between the formats used in web design, apps and print: HEX (#dc2626), RGB (rgb(220, 38, 38)), HSL, HSV and CMYK. Pick a colour with the colour picker or type a HEX value, and every format updates with a live swatch and one-click copy. CMYK values are a mathematical conversion for reference; exact print colours depend on the printer’s colour profile.

How to use Color Converter (HEX, RGB, HSL, HSV, CMYK)

  1. 1

    Choose a colour

    Use the picker or type a HEX code.

  2. 2

    See every format

    HEX, RGB, HSL, HSV and CMYK update instantly.

  3. 3

    Copy

    Copy the value or CSS you need.

Frequently asked questions

Why do CMYK values differ from my printer’s?

Real CMYK depends on ink and paper profiles. This is the standard device-independent formula, useful as a starting point.

When should I use HSL instead of HEX?

HSL makes it easy to create lighter, darker or less saturated variations of a colour by changing one number.

Does it support transparency?

Use 8-digit HEX or rgba() in your CSS for alpha; the converter works with opaque colours.

Last updated: