Desarrollo Web
Color Converter
Conversión de color entre HEX, RGB, HSL, HSV/HSB y CMYK — introduce un valor en cualquier campo y el resto se actualizará al instante.
The same color can be written differently depending on context: HEX and RGB are convenient for code, HSL is intuitive for picking a hue and lightness, and CMYK is for print. This tool converts between all of them at once.
How to use it
- Enter a value in any field (HEX, RGB, HSL, HSV/HSB, or CMYK) — every other format updates instantly.
- The "random color" button generates a random hue for quickly browsing a palette.
- Copy the format you need with one click to paste into CSS or a graphics editor.
Which format to use when
- HEX — a compact notation for CSS and design systems (#4453b8).
- RGB — when you need transparency via rgba() or programmatic access to individual color channels.
- HSL — the easiest for manual tuning: lighten or darken a color by changing just one value.
- CMYK — for materials headed to print, where colors mix subtractively, unlike the additive RGB used on screens.
Things to keep in mind
CMYK on screen is only an approximation — the exact printed color depends on the printer, paper, and color profile used.
Conversion between color spaces isn't always exact for extreme, highly saturated colors, due to differences in gamut coverage between models.
Artículo sobre esta herramienta: HEX, RGB, HSL: por qué existen tantas formas de escribir un color
Preguntas frecuentes
¿Cómo maneja el conversor el canal alfa (transparencia)?
El alfa se admite en HEX (#RRGGBBAA), RGBA y HSLA — lo que ingreses se traslada a los otros formatos que admiten transparencia, mientras que los formatos sin canal alfa, como el CMYK simple, simplemente lo ignoran.
¿Por qué el valor cambia ligeramente después de convertir a CMYK y volver a HEX?
CMYK es un modelo orientado a impresión sin una fórmula única fija para convertir hacia y desde RGB, así que un viaje de ida y vuelta puede desplazar los valores por un error de redondeo de una o dos unidades; visualmente el color permanece prácticamente igual.
¿Mis datos de color se envían a algún sitio?
No, cada conversión ocurre localmente en tu navegador con JavaScript — nada se sube a un servidor.
¿En qué se diferencia OKLCH de HSL?
OKLCH describe un color mediante luminosidad (L), croma (C) y tono (H), pero a diferencia de HSL tiene en cuenta cómo percibe realmente el ojo humano la luminosidad — cambiar L en OKLCH no distorsiona la saturación percibida del color, así que las transiciones entre tonos se ven más uniformes.
¿Qué significa que un color esté «fuera de gama» (out of gamut)?
Algunos colores en espacios amplios como OKLCH o Display P3 no se pueden reproducir físicamente en pantallas que solo admiten sRGB — el navegador sustituye entonces el color disponible más cercano dentro de la gama compatible.