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

[Canonical HTML page](https://gradiently.design/es/guide/pantone-colors)

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.

## The short version

- 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.

**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](https://gradiently.design/es/guide/rgb-vs-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](https://gradiently.design/es/guide/color-codes-explained) repasa hex, RGB, HSL y los demás.

| Sistema | Qué describe | Para qué se usa | Notación de ejemplo |
| --- | --- | --- | --- |
| Pantone | Una tinta física premezclada | Logotipos, packaging, rótulos | PMS 186 C |
| CMYK | Porcentajes de cuatro tintas de cuatricromía | La mayor parte de la impresión comercial | C0 M60 Y90 K0 |
| RGB | Cantidades de luz roja, verde y azul | Pantallas, vídeo, apps | rgb(29 78 216) |
| Hex | RGB escrito en base 16 | Webs, 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. **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. **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. **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. **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. **Haz pruebas de todo** Imprime una prueba de la versión CMYK y compárala con la muestra antes de una tirada grande.
6. **Anota los cuatro valores** Registra Pantone, CMYK, RGB y hex en tu [guía de estilo de marca](https://gradiently.design/es/guide/brand-style-guide), 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](https://gradiently.design/es/guide/design-tokens) muestran cómo lo guardan los equipos.

Tarjeta de visita de una clínica de fisioterapia llamada Northside Physio

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.

Publicación vertical de Instagram de la misma clínica de fisioterapia anunciando citas por la tarde

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](https://gradiently.design/es/guide/brand-color-codes) y [cómo elegir los colores de tu marca](https://gradiently.design/es/guide/how-to-choose-brand-colors) van más allá.

- Azul de marca, de luz a fondo: `linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%)`
- Azul de marca con un foco de luz: `radial-gradient(circle at 75% 25%, #3b82f6 0%, #1d4ed8 45%, #0b1a4a 100%)`

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.

## FAQ

### ¿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.