Mercado
Precios
Iniciar sesiónEmpezar
Guía prácticaColor
Color

Pantone frente a hex: igualar colores de marca en papel y pantalla

Un color de marca tiene que sobrevivir a una tarjeta de visita, un rótulo, una web y una historia de Instagram. Pantone y hex resuelven cada uno la mitad. Así se relacionan y así consigues que coincidan.

GradientlyCuenta verificada de Gradiently·1 de octubre de 2026·6 min de lectura
Portada: Flamingo Lodge · GR·EE34·KY

La versión corta

  • Pantone frente a hex es una diferencia de medio: un color Pantone es una tinta de impresión premezclada concreta, mientras que un código hex es un color RGB para pantallas.
  • Los colores Pantone se imprimen como tintas directas, una tinta exacta por color, mientras que la impresión corriente construye los colores con cuatro tintas de cuatricromía, CMYK.
  • Pantone publica equivalentes RGB, hex y CMYK de sus colores, pero son aproximaciones, y algunas tintas Pantone no pueden reproducirse con exactitud en pantalla ni en CMYK.
  • La versión estucada y la no estucada de un mismo número Pantone se ven distintas, y por eso los códigos terminan en C o en U.
  • Una especificación completa de un color de marca incluye una referencia Pantone, un desglose CMYK, un valor RGB y un código hex, cada uno comprobado a ojo en lugar de convertido a ciegas.
En esta página
Qué es realmente un color PantoneTinta directa frente a cuatricromíaHex y RGB: el color como luzPor qué la conversión de Pantone a hex es aproximadaCómo igualar un color de marca entre papel y pantallaColores de marca más allá de una sola muestra

Pantone frente a hex es en realidad tinta frente a luz. Un color Pantone es una tinta de impresión numerada y premezclada que puedes tener en la mano como muestra física. Un código hex, como #1d4ed8, es un conjunto de valores de rojo, verde y azul que le dice a una pantalla cuánta luz emitir. Ninguno se convierte perfectamente en el otro. Pantone publica equivalentes hex y CMYK, y son buenos puntos de partida, pero una marca que se ve bien en todas partes elige cada versión a ojo y las deja todas por escrito.

Qué es realmente un color Pantone

El Pantone Matching System es un catálogo de recetas de tinta estándar, cada una con un número. Una imprenta de cualquier lugar puede mezclar la misma receta y obtener, dentro de una tolerancia, el mismo color. El sufijo indica el papel para el que se diseñó: C para estucado (coated) y U para no estucado (uncoated). La misma tinta se ve más brillante y nítida sobre papel estucado y más suave, oscura y plana sobre papel no estucado, así que un código como PMS 186 C y PMS 186 U aparecen a propósito como muestras separadas.

Tinta directa frente a cuatricromía

Tinta directa (Pantone)

  • Una tinta premezclada por color
  • Muy constante de una tirada a otra
  • Llega a colores que CMYK no alcanza, incluidos metalizados y fluorescentes
  • Cada tinta directa extra añade una plancha y coste
  • Ideal para logotipos, papelería, packaging y rótulos

Cuatricromía (CMYK)

  • Colores construidos con cuatro tintas en puntos diminutos
  • Puede variar más entre máquinas y papeles
  • Gama menor; los colores más vivos se apagan
  • Resuelve fotos y degradados sin problema
  • Ideal para flyers, folletos, revistas y carteles

Muchas marcas usan ambas: el logotipo impreso como tinta directa Pantone en el papel de carta y el packaging, y una equivalencia CMYK para folletos a todo color. RGB frente a CMYK explica por qué la cuatricromía pierde algunos de los tonos más vivos.

Hex y RGB: el color como luz

Un código hex no es más que RGB escrito en base 16: dos caracteres para el rojo, dos para el verde y dos para el azul, de 00 a ff. #1d4ed8 significa rojo 29, verde 78, azul 216. Es preciso como número, pero no como apariencia, porque cada pantalla lo muestra un poco distinto según su panel, su brillo y sus ajustes. Códigos de color explicados repasa hex, RGB, HSL y los demás.

PantoneUna tinta física premezclada

Para qué se usa

Logotipos, packaging, rótulos

Notación de ejemplo

PMS 186 C
CMYKPorcentajes de cuatro tintas de cuatricromía

Para qué se usa

La mayor parte de la impresión comercial

Notación de ejemplo

C0 M60 Y90 K0
RGBCantidades de luz roja, verde y azul

Para qué se usa

Pantallas, vídeo, apps

Notación de ejemplo

rgb(29 78 216)
HexRGB escrito en base 16

Para qué se usa

Webs, herramientas de diseño

Notación de ejemplo

#1d4ed8
SistemaQué describePara qué se usaNotación de ejemplo
PantoneUna tinta física premezcladaLogotipos, packaging, rótulosPMS 186 C
CMYKPorcentajes de cuatro tintas de cuatricromíaLa mayor parte de la impresión comercialC0 M60 Y90 K0
RGBCantidades de luz roja, verde y azulPantallas, vídeo, appsrgb(29 78 216)
HexRGB escrito en base 16Webs, herramientas de diseño#1d4ed8
Cuatro formas de nombrar un mismo color de marca. Cada una pertenece a un medio distinto.

Por qué la conversión de Pantone a hex es aproximada

  • Gamas distintas: algunas tintas Pantone, sobre todo naranjas, verdes, fluorescentes y metalizados muy vivos, quedan fuera de lo que puede mostrar una pantalla estándar.
  • Papel y luz: una muestra de tinta cambia con el papel y con la luz bajo la que la miras; una pantalla emite su propia luz.
  • Las pantallas varían: el mismo hex se ve distinto en dos monitores, así que ningún hex puede igualar una tinta física en todas partes.
  • Actualizaciones: Pantone ha revisado sus valores digitales con los años, de modo que guías de marca antiguas pueden dar equivalentes hex distintos para la misma tinta.

Usa los conversores como punto de partida

Las herramientas online de Pantone a hex te dan un número, no una coincidencia. Usa los valores publicados por Pantone o Pantone Connect como primera aproximación y luego ajusta a ojo frente a una muestra física.

Cómo igualar un color de marca entre papel y pantalla

  1. 1

    Decide qué medio manda

    Si la marca vive sobre todo en papel, como un envase o un escaparate, elige primero el Pantone. Si vive sobre todo en pantallas, elige primero el hex y busca el Pantone más cercano.

  2. 2

    Elige en una guía física

    Escoge la tinta en una guía Pantone impresa, con luz de día o neutra, en el muestrario estucado o no estucado que corresponda a tu papel.

  3. 3

    Busca a ojo el color de pantalla más cercano

    Parte del hex publicado por Pantone, pon la muestra junto a una pantalla calibrada o de buena calidad y ajusta hasta que ambos se sientan iguales.

  4. 4

    Pide a tu imprenta un desglose CMYK

    Pide la mejor versión CMYK para su máquina y su papel, para los trabajos que no usarán la tinta directa.

  5. 5

    Haz pruebas de todo

    Imprime una prueba de la versión CMYK y compárala con la muestra antes de una tirada grande.

  6. 6

    Anota los cuatro valores

    Registra Pantone, CMYK, RGB y hex en tu guía de estilo de marca, para que nadie convierta sobre la marcha.

json
{
  "brand-blue": {
    "pantone": "Chosen from the coated guide, e.g. PMS xxxx C",
    "pantoneUncoated": "Matched separately in the uncoated guide",
    "cmyk": "From your printer, checked on a proof",
    "rgb": "rgb(29 78 216)",
    "hex": "#1d4ed8"
  }
}
Un registro de color de marca con todas sus versiones en un solo sitio. Rellena los valores de impresión a partir de muestras y pruebas, no de un conversor. Los design tokens muestran cómo lo guardan los equipos.
Northside Physio
12 Harbour Road · Reserva online

Una tarjeta de visita de 1050×600 px. En papel, el color de marca se imprime como una sola tinta directa para que cada reimpresión coincida.

Northside Physio
Ya hay citas por la tarde.
Reserva online de lunes a jueves
Gradiently · @gradiently

La misma marca en Instagram a 1080×1350, donde toma el relevo el hex elegido para acompañar a la tinta impresa.

Colores de marca más allá de una sola muestra

Un color de marca plano es fácil de especificar y fácil de copiar, y en pantalla muchas marcas ya le añaden profundidad con luz, degradados y textura. Todo eso vive en RGB: constrúyelo a partir del hex de la marca y sus vecinos, y reserva el Pantone plano para los trabajos impresos en los que importa una única tinta exacta. Códigos de color de marca y cómo elegir los colores de tu marca van más allá.

Versiones de pantalla construidas en torno a un hex de marca. En papel, un degradado así suele reproducirse en CMYK y no como tinta directa.

Un Mark de Gradiently lleva esa idea más lejos: un fondo vivo con sus propios colores, luz y grano, propiedad de una sola marca a la vez. Busca en el Mercado con palabras de color como «azul profundo» para encontrar uno cercano a tu color de marca.

Encuentra un degradado que sea solo tuyo

Explora miles de Marks, diseña con cualquiera de ellos gratis y reserva el que sientas tuyo.

Explorar el Mercado

Preguntas frecuentes

¿Qué diferencia hay entre Pantone y hex?

Pantone identifica una tinta de impresión física y premezclada. Hex es un valor RGB que le dice a una pantalla cuánta luz roja, verde y azul mostrar.

¿Se puede convertir Pantone a hex con exactitud?

No. Pantone publica equivalentes hex, pero son aproximaciones porque tintas, papel y pantallas se comportan de forma distinta, y algunas tintas quedan fuera de la gama de la pantalla.

¿Qué significan la C y la U en Pantone?

C indica que la muestra es para papel estucado y U para papel no estucado. La misma tinta se ve distinta en cada uno, así que se listan por separado.

¿Qué es una tinta directa?

Una tinta directa se imprime con su propia tinta premezclada en lugar de construirse con puntos CMYK. Es más constante y alcanza colores que CMYK no puede.

¿Necesito colores Pantone para mi marca?

Solo si imprimes cosas en las que el color exacto importa, como packaging, rótulos o papelería. Una marca nativa digital puede empezar con hex y RGB, más una versión CMYK comprobada para la impresión ocasional.

Compartir esta guía

Escrito por GradientlyCuenta verificada de Gradiently

El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.

Ver nuestro perfil

En esta página

Qué es realmente un color PantoneTinta directa frente a cuatricromíaHex y RGB: el color como luzPor qué la conversión de Pantone a hex es aproximadaCómo igualar un color de marca entre papel y pantallaColores de marca más allá de una sola muestra

Compartir esta guía

Siguiente en Color

Hex a RGB: convierte códigos de color a mano o con código

Sigue leyendo

Todas las guías de Color
Color

RGB vs CMYK: por qué cambian los colores al imprimir

6 min de lectura

El póster se veía eléctrico en tu portátil y llegó de la imprenta con aspecto cansado. El archivo no tenía ningún fallo: las pantallas y el papel crean el color de formas opuestas. Esto es lo que cambia y cómo anticiparlo.

Color

Códigos de color hex, RGB, HSL y OKLCH: qué significan

6 min de lectura

#7c3aed, rgb(124 58 237), hsl(262 83% 58%) y `oklch(54.1% 0.247 293)` son el mismo violeta. Esto es lo que dice de verdad cada notación y cuándo se justifica cada una.

Color

Códigos de color de marca: cómo documentar hex, RGB, CMYK y Pantone

6 min de lectura

Un color de marca solo es coherente si todo el que lo usa tiene el código correcto para su medio. Esta es la tabla que necesita toda guía de estilo, para qué sirve cada código y en qué orden definirlos.

Encuentra el look que es solo tuyo.

Cada Mark es un fondo vivo con un único dueño. Prueba uno que siga disponible y reserva el tuyo cuando te convenza.

Empieza a diseñar

Comprobar un certificado

Escribe un número de certificado o el código de un Mark para ver de quién es.

Funciona con ChatGPT y Claude

Pídele un diseño a tu IA. Lo crea en tu Mark, listo para editar.

ChatGPTClaude
Cómo conectarlo

Producto

  • Mercado
  • Explorar
  • Precios
  • Certificados

Aprende

  • Guía práctica
  • Centro de ayuda
  • Novedades

Desarrolladores

  • Introducción
  • ChatGPT y Claude
  • Referencia de la API
  • Claves de API

Empresa

  • Quiénes somos
  • Contacto
  • Iniciar sesión

Legal

  • Términos
  • Privacidad
  • Reembolsos
  • Protección de Marks
  • Cookies
  • Todas las políticas
Recorre las letras. Cada una lleva un Mark real.Toca una letra para ver su Mark.Un nombre. Diez Marks dentro.
© 2026 Gradiently