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
- Divide los cuatro porcentajes CMYK entre 100.
- Aplica primero el componente clave: cada canal se escala por (1 − K).
- Calcula los canales: R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K), B = 255 × (1 − Y) × (1 − K).
- Redondea cada canal, escríbelo como dos dígitos hexadecimales y únelos detrás de un #.
Ejemplo práctico
Aproximado por naturaleza. CMYK cubre una gama de colores menor que una pantalla, así que el resultado HEX es una vista previa fiel y no una coincidencia gestionada por color — eso requeriría el perfil ICC de la prensa.
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(0%, 0%, 0%, 100%) | #000000 |
| white | cmyk(0%, 0%, 0%, 0%) | #FFFFFF |
| red | cmyk(0%, 100%, 100%, 0%) | #FF0000 |
| lime | cmyk(100%, 0%, 100%, 0%) | #00FF00 |
| blue | cmyk(100%, 100%, 0%, 0%) | #0000FF |
| yellow | cmyk(0%, 0%, 100%, 0%) | #FFFF00 |
| orange | cmyk(0%, 35%, 100%, 0%) | #FFA600 |
| teal | cmyk(100%, 0%, 0%, 50%) | #008080 |
| purple | cmyk(0%, 100%, 0%, 50%) | #800080 |
| gray | cmyk(0%, 0%, 0%, 50%) | #808080 |