Convierte valores CMYK de impresión a HEX, RGB y CSS, y HEX de vuelta a CMYK. Ve el color de Tailwind más cercano, avisos de cobertura de tinta y por qué pantalla y papel nunca coinciden del todo.
Introduce los cuatro porcentajes CMYK de tu archivo de impresión y obtendrás los valores HEX y RGB para tu web, calculados con la fórmula estándar (rojo = 255 × (1 − C) × (1 − K), y lo mismo para verde y azul). También funciona a la inversa desde HEX y reúne varios colores en una paleta CSS.
Color de impresión y de pantalla, lado a lado
Convierte los colores de una guía de marca impresa en valores que pueda usar una web, o al revés para un trabajo de imprenta. Cada color muestra sus formas HEX, RGB y CSS, la clase de Tailwind más cercana y un aviso cuando el total de tinta supera lo que aceptan la mayoría de imprentas.
Calcula cada canal RGB con 255 × (1 − tinta) × (1 − negro), usando las tintas como fracciones: el cian da el rojo, el magenta el verde y el amarillo el azul. Después escribe cada canal como dos dígitos hexadecimales. CMYK 0, 85, 80, 0 da RGB 255, 38, 51, que es #FF2633. Esta herramienta hace las cuentas por ti.
Las pantallas crean el color sumando luz y pueden mostrar colores más brillantes y saturados que la tinta sobre papel. El color impreso también cambia según el papel, el juego de tintas, la máquina y la luz con la que se mira. Una fórmula no puede saber todo eso, así que cualquier conversión de CMYK a HEX es un buen punto de partida, no una garantía.
No. Los valores de color Pantone pertenecen a Pantone, así que no los incluimos. Usa la app oficial Pantone Connect o el valor HEX de tu guía de marca. Si solo tienes un número Pantone, tu diseñador o tu imprenta pueden darte el valor de pantalla que Pantone publica para él.
Da la conversión de manual, que pone todo lo posible en la tinta negra. El software profesional usa perfiles de color para el papel y la máquina concretos y dará números distintos. Usa el resultado para orientar a una imprenta, no para enviar el arte final.
Es el color de la paleta por defecto de Tailwind que más se parece al tuyo, medido en el espacio de color OKLab. Por debajo de 2 cuesta mucho distinguirlos; por encima de aproximadamente 5 la diferencia se nota, así que usa tu HEX exacto.
Valores CMYK de ejemplo y el HEX que da la fórmula estándar (no equivale a la máquina)
Control de {label}
Valores CMYK
O pega los cuatro
O empieza desde un color HEX (de pantalla a impresión)
Escribe un valor HEX de 3 o 6 dígitos, como #4F98FB.
Para la web
Muestra de {hex}
Variable CSS
CMYK usado
Copiar
Color de Tailwind más cercano:
(diferencia {n}{verdict}).
, muy cercano
, cercano
, se nota, así que usa tu HEX
Contraste como texto sobre blanco: {n}:1 {verdict}.
(apto para texto de cuerpo)
(solo texto grande)
(demasiado claro para texto sobre blanco)
La tinta total es {n}%. Muchas imprentas limitan la cobertura a 300% o menos, así que puede ajustarse en máquina.
Fórmula estándar sin perfil de color. El resultado impreso varía con el papel, la tinta y la máquina.
Nombre
Añadir a la paleta
Tu paleta
Quitar {name}
Copiar variables CSS
Copiar tema de Tailwind
Conversiones de ejemplo
Empieza gratis · Sin tarjeta de crédito