Convertidor de CMYK a HEX
¿Tienes un color de una guía de marca para impresión o de una prueba de imprenta? Introduce sus porcentajes CMYK para obtener el código HEX para sitios web, CSS y apps de diseño, además de RGB, HSL, una muestra en vivo y tonos a juego.
Última actualización:
Cómo usar Convertidor de CMYK a HEX
- Introduce los cuatro valores de tinta: cian, magenta, amarillo y negro (K) como porcentajes de tu guía de marca o archivo de impresión.
- Cambia a fracciones en Opciones si tus valores son como 0.5 en lugar de 50.
- Haz clic en Convertir a HEX (los resultados también se actualizan mientras escribes) y lee el código HEX en la muestra.
- Haz clic en Copiar resultados para copiar los códigos HEX, RGB y HSL, o descarga la tabla de tonos como CSV.
- Prueba un ejemplo como Azul marino o Negro enriquecido para ver cómo las mezclas de tinta se traducen en colores de pantalla.
Cómo CMYK se convierte en un código HEX
Un código HEX es RGB escrito en base 16, así que la conversión tiene dos etapas. Primero, cada porcentaje de tinta se convierte en la cantidad de luz que queda: el cian bloquea el rojo, el magenta bloquea el verde, el amarillo bloquea el azul y el negro oscurece los tres. Después, cada canal de 0–255 se escribe como dos dígitos hexadecimales (0–9 y A–F).
- R = 255 × (1 − C) × (1 − K)
- G = 255 × (1 − M) × (1 − K)
- B = 255 × (1 − Y) × (1 − K)
- HEX = # + dos dígitos hexadecimales para R, G y B (p. ej., 153 = 9 × 16 + 9 = 99)
Ejemplo resuelto: rojo ladrillo C 0% M 75% Y 80% K 25%. R = 255 × 1 × 0.75 = 191.25 → 191 → BF; G = 255 × 0.25 × 0.75 = 47.8 → 48 → 30; B = 255 × 0.2 × 0.75 = 38.25 → 38 → 26. El código HEX es #BF3026.
Tabla de referencia de CMYK a HEX
| Color | C, M, Y, K (%) | HEX | RGB |
|---|---|---|---|
| Naranja | 0, 50, 100, 0 | #FF8000 | 255, 128, 0 |
| Azul marino | 100, 80, 0, 40 | #001F99 | 0, 31, 153 |
| Verde bosque | 56, 0, 26, 58 | #2F6B4F | 47, 107, 79 |
| Rojo ladrillo | 0, 75, 80, 25 | #BF3026 | 191, 48, 38 |
| Verde azulado | 100, 0, 40, 20 | #00CC7A | 0, 204, 122 |
| Gris cálido | 0, 10, 20, 40 | #998A7A | 153, 138, 122 |
| Azul cielo | 50, 10, 0, 0 | #80E6FF | 128, 230, 255 |
| Ciruela | 30, 80, 0, 35 | #7421A6 | 116, 33, 166 |
| Mostaza | 0, 20, 90, 15 | #D9AD16 | 217, 173, 22 |
| Crema | 0, 5, 20, 0 | #FFF2CC | 255, 242, 204 |
| Carbón | 0, 0, 0, 80 | #333333 | 51, 51, 51 |
| Cian de cuatricromía | 100, 0, 0, 0 | #00FFFF | 0, 255, 255 |
| Magenta de cuatricromía | 0, 100, 0, 0 | #FF00FF | 255, 0, 255 |
Consejos para igualar los colores de impresión y web
- Guarda ambos valores en tu guía de marca. Indica la mezcla CMYK para impresión y el código HEX para pantallas en lugar de convertir de un lado a otro cada vez.
- Espera colores más brillantes en pantalla. La fórmula supone tintas perfectas. Si la versión HEX se ve demasiado viva junto a una muestra impresa, ajústala a ojo o conviértela en una app de diseño con el perfil ICC de tu imprenta.
- Los negros son especiales. Toda mezcla con K 100% se convierte en #000000, así que un negro enriquecido y un negro simple se ven idénticos en pantalla aunque se impriman de forma distinta.
- Comprueba el contraste del texto. El panel de resultados muestra si el texto blanco o el oscuro se lee mejor sobre tu color, usando la relación de contraste WCAG (se recomienda 4.5:1 o más para el texto principal).
¿Quieres convertir al revés? Usa HEX a CMYK, o CMYK a RGB para controles deslizantes y más formatos de color.
Preguntas frecuentes
¿Cómo convierto CMYK a HEX?
Primero convierte CMYK a RGB: divide cada porcentaje entre 100; luego R = 255 × (1 − C) × (1 − K), G = 255 × (1 − M) × (1 − K) y B = 255 × (1 − Y) × (1 − K). Redondea cada valor a un número entero y escríbelo como dos dígitos hexadecimales. Por ejemplo, C 0% M 50% Y 100% K 0% da RGB 255, 128, 0, que es #FF8000.
¿Cuál es el código HEX del negro K al 100%?
C 0% M 0% Y 0% K 100% se convierte en #000000. Las mezclas de negro enriquecido como C 60% M 40% Y 40% K 100% también se convierten en #000000, porque un 100% de negro ya pone a cero todos los canales RGB en la fórmula estándar.
¿Por qué el color HEX se ve más brillante que mi impresión?
Las pantallas emiten luz y pueden mostrar colores más saturados que la tinta sobre papel. Esta herramienta usa la fórmula estándar sin perfil, así que el cian de cuatricromía puro se convierte en #00FFFF. Las apps de diseño que convierten mediante un perfil ICC como GRACoL o FOGRA39 muestran un cian más apagado, cercano a #00AEEF, que anticipa mejor el resultado impreso.
¿Si convierto el código HEX de vuelta obtendré los mismos valores CMYK?
No siempre. Muchas mezclas CMYK producen el mismo código HEX, y la conversión inversa elige la versión con más negro (por ejemplo, #FF8000 devuelve C 0% M 50% Y 100% K 0%, pero #000000 siempre devuelve solo K 100%). Conserva los valores CMYK originales para imprimir y usa el código HEX para pantallas.
¿El código HEX distingue entre mayúsculas y minúsculas?
No. #FF8000 y #ff8000 son el mismo color en CSS, HTML y el software de diseño. Elige mayúsculas o minúsculas en Opciones para ajustarte a tu guía de estilo.
¿Qué es un código HEX de 3 dígitos?
Cuando cada par de dígitos se repite, como en #FF8800, el código puede abreviarse a #F80. La herramienta muestra la forma abreviada siempre que tu color lo permite; si no, usa el código completo de 6 dígitos.
¿Qué significa cobertura total de tinta?
Es la suma de C + M + Y + K. Muchas imprentas la limitan a alrededor del 300% (a menudo menos en papel no estucado) para que la tinta se seque bien. No afecta al resultado HEX, pero es una comprobación útil cuando diseñas colores para imprimir.
¿Se prueban todas las herramientas de FreeToolCabin para comprobar su calidad y precisión?
Sí. Cada herramienta del sitio pasa pruebas automáticas en navegadores reales para comprobar que el resultado es correcto y que no hay errores. Si encuentras un fallo o tienes una sugerencia, escríbenos a [email protected] y lo revisaremos.