Las pantallas mezclan luz, las imprentas mezclan tinta — así que un código HEX debe traducirse antes de ir a prensa. Este conversor te da los porcentajes de cian, magenta, amarillo y negro que más se aproximan a tu color web dentro de lo que la tinta permite.
Cómo funciona la conversión de HEX a CMYK
- Convierte el código HEX a RGB y divide cada canal por 255.
- Calcula el componente clave (negro): K = 1 − max(R, G, B).
- Obtén las otras tintas eliminando esa parte negra: C = (1 − R − K) / (1 − K), y la misma fórmula para magenta y amarillo.
- Multiplica los cuatro valores por 100 para obtener porcentajes. El negro puro se reduce a 0/0/0/100.
Ejemplo práctico
Es una aproximación independiente del dispositivo. La impresión real depende del papel, la tinta y un perfil de color ICC, así que trata el resultado como punto de partida y siempre verifica una prueba para colores críticos de marca.
HEX y CMYK explicados
¿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
¿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
Tabla de referencia de HEX a CMYK
Los colores CSS más comunes, convertidos de HEX a CMYK.
| Color | HEX | CMYK |
|---|---|---|
| black | #000000 | cmyk(0%, 0%, 0%, 100%) |
| white | #FFFFFF | cmyk(0%, 0%, 0%, 0%) |
| red | #FF0000 | cmyk(0%, 100%, 100%, 0%) |
| lime | #00FF00 | cmyk(100%, 0%, 100%, 0%) |
| blue | #0000FF | cmyk(100%, 100%, 0%, 0%) |
| yellow | #FFFF00 | cmyk(0%, 0%, 100%, 0%) |
| orange | #FFA500 | cmyk(0%, 35%, 100%, 0%) |
| teal | #008080 | cmyk(100%, 0%, 0%, 50%) |
| purple | #800080 | cmyk(0%, 100%, 0%, 50%) |
| gray | #808080 | cmyk(0%, 0%, 0%, 50%) |