Pasa un código HEX a las cuatro tintas CMYK
Escribe un código de color y los valores CMYK aparecen mientras escribes: #3B82F6 es cmyk(76%, 47%, 0%, 4%). El convertidor usa la fórmula estándar sin perfil de imprenta, así que el resultado te sirve como punto de partida rápido, y las cifras para el archivo de impresión te las da tu programa de diseño con el perfil que pide la imprenta.
¿Cómo se pasa un código HEX a CMYK?
Primero conviertes el código en tres números y después esos números en cuatro porcentajes de tinta. El código #3B82F6 son tres pares de caracteres: 3B, 82 y F6. Cada par es un número escrito en hexadecimal, donde después de las cifras del 0 al 9 las letras de la A a la F valen de 10 a 15. Así, 3B es 3 × 16 + 11, es decir, 59; 82 es 130, y F6 es 246.
La fórmula: K = 1 − (canal mayor ÷ 255), y después C = (1 − R ÷ 255 − K) ÷ (1 − K). El magenta sale igual del canal verde, y el amarillo, del azul.
En #3B82F6 el canal más claro es el azul. 246 ÷ 255 da 0,965, así que el negro queda en 0,035, o sea, 4%. El cian sale 76%, el magenta 47% y el amarillo 0%, porque el canal azul es el que fijó el negro. El resultado es cmyk(76%, 47%, 0%, 4%).
Llegas a lo mismo en dos pasos con el convertidor HEX a RGB y luego el convertidor RGB a CMYK. Los valores CMYK de un manual de identidad los devuelves a código con el convertidor CMYK a HEX.
¿Qué es un código HEX y qué son los valores CMYK?
Un código HEX describe un color de pantalla en sistema hexadecimal. Los seis caracteres que siguen a la almohadilla forman tres pares para la luz roja, verde y azul, y cada par va de 00 a FF, es decir, de 0 a 255. Da igual escribir en mayúsculas o en minúsculas. CSS también admite una abreviatura de tres caracteres en la que cada carácter se duplica, así que #38F equivale a #3388FF, y una forma de ocho caracteres cuyo último par indica la transparencia[1]. Los códigos HEX de cualquier foto los sacas con el extractor de colores de imagen.
El modelo CMYK describe el color como tinta. Los cuatro números indican qué parte del papel se cubre de cian, magenta, amarillo y negro. Al negro se le llama key, de ahí la K, por la key plate, la plancha que imprimía el detalle en tinta negra[2]. Cero es papel sin tinta y 100, cobertura total.
Las dos escalas van en sentidos opuestos. La pantalla emite luz, así que con pares más altos en el código HEX el color es más claro. El papel refleja la luz y la tinta la absorbe, así que con valores CMYK más altos el color es más oscuro. La tinta tampoco tiene transparencia, por eso el convertidor ignora el último par de un código de ocho caracteres.
Si tienes el color en otro formato, como OKLCH, Lab o código de Android, el convertidor de colores lo muestra a la vez en todos los formatos.
¿Qué valores CMYK tienen los códigos HEX más habituales?
| Código HEX | Nombre en CSS | Valores CMYK |
|---|---|---|
| #FFFFFF | white | 0%, 0%, 0%, 0% |
| #000000 | black | 0%, 0%, 0%, 100% |
| #FF0000 | red | 0%, 100%, 100%, 0% |
| #00FF00 | lime | 100%, 0%, 100%, 0% |
| #0000FF | blue | 100%, 100%, 0%, 0% |
| #FFFF00 | yellow | 0%, 0%, 100%, 0% |
| #00FFFF | aqua | 100%, 0%, 0%, 0% |
| #FF00FF | fuchsia | 0%, 100%, 0%, 0% |
| #C0C0C0 | silver | 0%, 0%, 0%, 25% |
| #808080 | gray | 0%, 0%, 0%, 50% |
| #800000 | maroon | 0%, 100%, 100%, 50% |
| #008000 | green | 100%, 0%, 100%, 50% |
| #000080 | navy | 100%, 100%, 0%, 50% |
| #800080 | purple | 0%, 100%, 0%, 50% |
| #FFA500 | orange | 0%, 35%, 100%, 0% |
¿Por qué Photoshop da valores CMYK distintos a los de una calculadora?
La fórmula supone tintas perfectas, y el programa de diseño trabaja con un perfil ICC, que describe unas tintas, un papel y una forma de imprimir concretos. La diferencia se ve mejor en el negro y los grises. La fórmula siempre deja en cero al menos una de las tres tintas de color y le pasa todo el gris a la tinta negra, así que #808080 es para ella 50% de negro y nada más. Con un perfil de imprenta ese gris se forma con las cuatro tintas.
Dos perfiles muy usados muestran lo distintas que pueden ser las reglas. PSO Coated v3, de la European Color Initiative, limita la tinta total a 300% y el negro a 96%[3]. GRACoL 2013, publicado por Idealliance, admite hasta 320% de tinta total y negro hasta 100%[4]. El perfil de tu trabajo aparece en las especificaciones de la imprenta.

Cuando necesites cifras para un archivo de impresión, abre en Photoshop el Selector de color de Adobe haciendo clic en el cuadro superior de selección de color del cuadro de herramientas, y escribe el código en el cuadro de texto #. El selector muestra a la vez los valores C, M, Y y K[5], calculados en el espacio de trabajo CMYK que eliges en Edición › Configuración de color[6]. Si aparece un triángulo de alerta, el color no se puede imprimir tal cual, y al hacer clic en él eliges el equivalente CMYK más próximo[5].
¿Cuánta tinta recibe el mismo código con la fórmula y con un perfil de imprenta?
| Código HEX | Fórmula (este convertidor) | Perfil PSO Coated v3 | Perfil GRACoL 2013 |
|---|---|---|---|
| #000000 | 0%, 0%, 0%, 100% | 83%, 67%, 51%, 95% | 83%, 74%, 61%, 100% |
| #333333 | 0%, 0%, 0%, 80% | 63%, 53%, 45%, 68% | 71%, 63%, 59%, 63% |
| #808080 | 0%, 0%, 0%, 50% | 44%, 36%, 33%, 23% | 47%, 39%, 38%, 17% |
| #FF0000 | 0%, 100%, 100%, 0% | 0%, 96%, 100%, 0% | 0%, 93%, 98%, 0% |
| #0000FF | 100%, 100%, 0%, 0% | 98%, 82%, 0%, 0% | 100%, 85%, 0%, 0% |
| #3B82F6 | 76%, 47%, 0%, 4% | 76%, 47%, 0%, 0% | 75%, 46%, 0%, 0% |
| #FFCC00 | 0%, 20%, 100%, 0% | 0%, 19%, 90%, 0% | 0%, 18%, 93%, 0% |
#000000 gasta 296% de tinta con PSO Coated v3 y 318% con GRACoL 2013, cerca del límite de cada perfil. En #3B82F6 las tres columnas casi coinciden: la fórmula añade 4% de negro que ninguno de los dos perfiles usa.¿Qué valores CMYK da la guía de identidad del Gobierno de México?
| Pantone | Código HEX en la guía | CMYK en la guía | CMYK con la fórmula |
|---|---|---|---|
| 7421 C | #611232 | 42%, 96%, 56%, 48% | 0%, 81%, 48%, 62% |
| 7420 C | #9B2247 | 29%, 98%, 59%, 18% | 0%, 78%, 54%, 39% |
| 1255 C | #A57F2C | 32%, 46%, 100%, 10% | 0%, 23%, 73%, 35% |
| 7402 C | #E6D194 | 10%, 14%, 48%, 0% | 0%, 9%, 36%, 10% |
| 626 C | #1E5B4F | 83%, 39%, 65%, 37% | 67%, 0%, 13%, 64% |
| 627 C | #002F2A | 87%, 51%, 67%, 68% | 100%, 0%, 11%, 82% |
| Cool Gray 7 C | #98989A | 43%, 35%, 34%, 1% | 1%, 1%, 0%, 40% |
| Neutral Black C | #161A1D | 77%, 68%, 63%, 76% | 24%, 10%, 0%, 89% |
¿Qué formas de escribir un código HEX acepta este convertidor?
| Lo que escribes | Lo que muestra el convertidor | Cómo lo leemos |
|---|---|---|
| #3B82F6 | cmyk(76%, 47%, 0%, 4%) | Un código completo con almohadilla, como en una hoja de estilos o en Figma, lo convertimos tal cual. |
| 3b82f6 | cmyk(76%, 47%, 0%, 4%) | Sin almohadilla y en minúsculas también funciona, porque las mayúsculas no cambian un código HEX. |
| #38F | cmyk(80%, 47%, 0%, 0%) | La abreviatura de tres caracteres la ampliamos duplicando cada carácter, así que calculamos #3388FF. |
| #3B82F680 | cmyk(76%, 47%, 0%, 4%) | Quitamos el último par, que indica la transparencia, porque la tinta sobre papel no la tiene. |
| color: #3B82F6; | cmyk(76%, 47%, 0%, 4%) | De una línea copiada de una hoja de estilos o de las herramientas para desarrolladores del navegador tomamos solo el código. |
| "#3B82F6" | cmyk(76%, 47%, 0%, 4%) | Quitamos las comillas con las que llega un código copiado de un archivo JSON o de JavaScript. |
| ##3B82F6 | cmyk(76%, 47%, 0%, 4%) | La almohadilla doble aparece al pegar un código donde ya había una, así que la leemos como una sola. |
Convertir otras unidades a CMYK
Convertir HEX a otras unidades
Fuentes
- CSS Color Module Level 4: The RGB Hexadecimal Notations — W3C (versión en inglés)
- Modelo de color CMYK — Wikipedia
- PSOcoated_v3.icc — ficha en el registro de perfiles — International Color Consortium (versión en inglés)
- GRACoL2013_CRPC6.icc — ficha en el registro de perfiles — International Color Consortium (versión en inglés)
- Selección de colores en Adobe Photoshop — Adobe
- Configuración de color en Photoshop — Adobe
- Little CMS — Marti Maria (versión en inglés)
- Downloads: ICC profiles from ECI — European Color Initiative (versión en inglés)
- Guía de Identidad Gráfica del Gobierno de México 2024-2030 — Gobierno de México
- Color Bridge Guide Coated — Pantone (versión en inglés)
- Pantone Guides With Suffix Of PC or EC — X-Rite (versión en inglés)
Todos los valores de las tablas se calcularon a partir de las definiciones de las unidades y se comprobaron aritméticamente antes de publicarlos. Los datos históricos y los nombres de las unidades locales proceden de las fuentes indicadas arriba.
Última revisión del contenido: · redactado y verificado por el equipo de Arteon
Preguntas frecuentes sobre pasar HEX a CMYK
¿El color impreso se verá igual que el color HEX en pantalla?
No siempre. Los colores más saturados de la pantalla quedan fuera de lo que cuatro tintas pueden reproducir sobre papel. Pasamos el azul puro #0000FF al perfil PSO Coated v3 y de vuelta a la pantalla, y regresó como rgb(29, 60, 145), un azul mucho más oscuro. El verde puro #00FF00 regresó como rgb(102, 179, 41), y el gris #808080 volvió sin cambios. Para una tirada grande, pide a la imprenta una prueba de color.
¿Se puede pasar un código HEX a un color Pantone?
No con una fórmula. Los colores Pantone son tintas mezcladas de antemano, cada una con su número en el muestrario. Las equivalencias más cercanas las muestra la guía Pantone Color Bridge, que compara 2587 colores Pantone con sus valores CMYK más próximos e incluye también valores HTML y RGB[10]. Las muestras con la marca CP son en esa guía simulaciones en cuatricromía sobre papel estucado[11].
¿Qué hago si tengo el color en RGB y no en HEX?
Escribe los tres números en el convertidor RGB a CMYK, que usa la misma fórmula. Este campo solo acepta códigos HEX y, si escribes otra cosa, muestra un aviso con un ejemplo de código válido.
¿El blanco #FFFFFF significa tinta blanca al imprimir?
No. cmyk(0%, 0%, 0%, 0%) significa que no se imprime tinta, así que se ve el papel. Sobre papel blanco sale blanco, y sobre papel crema o gris, el color del papel.

Ayúdanos a mejorar nuestras herramientas
¿Tienes una idea para una función, has encontrado un error o quieres proponer otra herramienta? Escríbenos.