Vienes de impresión y necesitas el mismo color en la web? Convertir CMYK a HEX te da el equivalente de pantalla más cercano de tu mezcla de tintas, listo para pegar en CSS, Figma o una hoja de marca.
Cómo funciona la conversión de CMYK a HEX
- Toma los cuatro porcentajes CMYK como cantidades de tinta para el perfil Coated FOGRA39.
- Lee el color que el perfil imprime para esa mezcla de tintas, usando el método colorimétrico relativo con compensación del punto negro.
- Convierte ese color a sRGB. Los colores que una pantalla no puede mostrar se recortan al valor más cercano que sí puede mostrar.
- Redondea cada canal, escríbelo como dos dígitos hexadecimales y únelos detrás de un #.
Ejemplo práctico
Esto usa el perfil estándar Coated FOGRA39, no el perfil de tu máquina de impresión. Otros perfiles CMYK (por ejemplo, los de tu imprenta) dan números distintos, así que trata el resultado HEX como una vista previa fiel y revisa una prueba de impresión para los colores clave de tu marca.
CMYK y HEX explicados
¿Qué es CMYK?
CMYK es el modelo de cuatro tintas usado en impresión: cyan, magenta, yellow y key (negro), cada una como porcentaje de 0 a 100. La tinta resta luz en vez de emitirla, por eso CMYK cubre menos colores que una pantalla — y los colores brillantes de pantalla suelen verse más apagados al imprimirse.
- Sintaxis:
- cmyk(C%, M%, Y%, K%)
- Rango:
- 0–100% por tinta
- Mejor para:
- impresión, embalaje, archivos listos para imprenta
¿Qué es HEX?
Un código HEX es un número hexadecimal de seis dígitos que almacena los canales rojo, verde y azul de un color tras un # inicial. Cada par de dígitos representa un canal, de 00 (ninguno) a FF (completo), lo que da los mismos 16,7 millones de colores que RGB en una notación mucho más corta. HEX es el valor por defecto en CSS, herramientas de diseño y guías de marca.
- Sintaxis:
- #RRGGBB
- Rango:
- 00–FF por canal
- Mejor para:
- CSS, entrega de diseño, guías de marca
Tabla de referencia de CMYK a HEX
Los colores CSS más comunes, convertidos de CMYK a HEX.
| Color | CMYK | HEX |
|---|---|---|
| black | cmyk(89%, 78%, 62%, 97%) | #010101 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 95%, 92%, 0%) | #E52420 |
| lime | cmyk(64%, 0%, 100%, 0%) | #69B42D |
| blue | cmyk(93%, 75%, 0%, 0%) | #2C4A9A |
| yellow | cmyk(9%, 0%, 96%, 0%) | #F4E600 |
| orange | cmyk(0%, 43%, 94%, 0%) | #F6A216 |
| teal | cmyk(83%, 27%, 48%, 12%) | #098180 |
| purple | cmyk(63%, 100%, 4%, 1%) | #7D217E |
| gray | cmyk(48%, 39%, 39%, 21%) | #81807F |