# Pantone vs hex: como igualar cores de marca no impresso e na tela

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

A cor de uma marca precisa sobreviver a um cartão de visita, a uma placa de loja, a um site e a um story do Instagram. Pantone e hex resolvem metade disso cada um. Veja como se relacionam e como fazer os dois concordarem.

## The short version

- Pantone vs hex é uma diferença de meio: uma cor Pantone é uma tinta de impressão pré-misturada e específica, enquanto um código hex é uma cor RGB para telas.
- As cores Pantone são impressas como cores especiais, uma tinta exata por cor, enquanto a impressão comum monta as cores com quatro tintas de processo, o CMYK.
- A Pantone publica equivalentes em RGB, hex e CMYK para suas cores, mas são aproximações, e algumas tintas Pantone não podem ser reproduzidas com exatidão na tela nem em CMYK.
- As versões couchê e não revestida do mesmo número Pantone parecem diferentes, e é por isso que os códigos terminam em C ou U.
- Uma especificação completa de cor de marca lista a referência Pantone, a composição CMYK, o valor RGB e o código hex, cada um conferido a olho em vez de convertido às cegas.

**Pantone vs hex** é, no fundo, tinta versus luz. Uma cor Pantone é uma tinta de impressão numerada e pré-misturada, que você pode segurar como amostra física. Um código hex, como `#1d4ed8`, é um conjunto de valores de vermelho, verde e azul que diz à tela quanta luz emitir. Nenhum dos dois se converte perfeitamente no outro. A Pantone publica equivalentes em hex e CMYK, e eles servem como ponto de partida, mas uma marca que fica certa em todo lugar escolhe cada versão a olho e anota todas elas.

## O que é, de fato, uma cor Pantone

O Pantone Matching System é um catálogo de receitas padrão de tinta, cada uma com um número. Uma gráfica em qualquer lugar pode misturar a mesma receita e obter, dentro da tolerância, a mesma cor. O sufixo indica o papel para o qual a cor foi pensada: **C** para couchê (coated) e **U** para não revestido (uncoated). A mesma tinta parece mais viva e nítida no couchê e mais suave, escura e chapada no não revestido, por isso *PMS 186 C* e *PMS 186 U* aparecem de propósito como amostras separadas.

## Cor especial vs cor de processo

### Cor especial (Pantone)

- Uma tinta pré-misturada por cor
- Muito consistente de uma tiragem para outra
- Alcança cores que o CMYK não alcança, como metálicas e fluorescentes
- Cada tinta especial extra adiciona uma chapa e um custo
- Ideal para logos, papelaria, embalagens e sinalização

### Cor de processo (CMYK)

- Cores montadas com quatro tintas em pontos minúsculos
- Pode variar mais entre máquinas e papéis
- Gama menor; as cores mais vivas são reduzidas
- Lida bem com fotos e degradês
- Ideal para panfletos, folhetos, revistas e pôsteres

Muitas marcas usam as duas: o logo impresso em cor especial Pantone em papel timbrado e embalagens, e um equivalente em CMYK para folhetos coloridos. [RGB vs CMYK](https://gradiently.design/pt-br/guide/rgb-vs-cmyk) explica por que a cor de processo perde alguns dos tons mais vivos.

## Hex e RGB: a cor como luz

Um código hex é só o RGB escrito em base 16: dois caracteres para cada um de vermelho, verde e azul, de `00` a `ff`. `#1d4ed8` significa vermelho 29, verde 78, azul 216. Ele é preciso como número, mas não como aparência, porque cada tela o exibe de um jeito um pouco diferente, conforme o painel, o brilho e os ajustes. [Códigos de cor explicados](https://gradiently.design/pt-br/guide/color-codes-explained) cobre hex, RGB, HSL e os outros.

| Sistema | O que descreve | Usado em | Exemplo de notação |
| --- | --- | --- | --- |
| Pantone | Uma tinta física pré-misturada | Logos, embalagens, sinalização | PMS 186 C |
| CMYK | Porcentagens de quatro tintas de processo | A maior parte da impressão comercial | C0 M60 Y90 K0 |
| RGB | Quantidades de luz vermelha, verde e azul | Telas, vídeo, apps | rgb(29 78 216) |
| Hex | RGB escrito em base 16 | Sites, ferramentas de design | #1d4ed8 |

Quatro formas de nomear uma mesma cor de marca. Cada uma pertence a um meio diferente.

## Por que a conversão de Pantone para hex é aproximada

- **Gamas diferentes:** algumas tintas Pantone, em especial laranjas e verdes vibrantes, fluorescentes e metálicas, ficam fora do que uma tela comum consegue mostrar.
- **Papel e luz:** a amostra de tinta muda com o papel e com a luz em que você a vê; a tela emite luz própria.
- **Telas variam:** o mesmo hex fica diferente em dois monitores, então nenhum hex isolado iguala uma tinta física em todo lugar.
- **Atualizações:** a Pantone revisou seus valores digitais ao longo dos anos, então guias de marca antigos podem listar outros equivalentes em hex para a mesma tinta.

> **Use conversores como ponto de partida** Ferramentas online de Pantone para hex dão um número, não uma equivalência. Use os valores publicados pela própria Pantone ou o Pantone Connect como primeiro palpite e depois ajuste a olho contra uma amostra física.

## Como igualar uma cor de marca no impresso e na tela

1. **Decida qual meio lidera** Se a marca vive sobretudo no impresso, como embalagens ou uma fachada, escolha primeiro o Pantone. Se vive sobretudo em telas, escolha primeiro o hex e procure o Pantone mais próximo.
2. **Escolha em um guia físico** Escolha a tinta em um guia Pantone impresso, à luz do dia ou em luz neutra, no livro couchê ou não revestido que corresponde ao seu papel.
3. **Ache a cor de tela mais próxima a olho** Comece pelo hex publicado pela Pantone, depois coloque a amostra ao lado de uma tela calibrada ou de boa qualidade e ajuste até as duas parecerem iguais.
4. **Peça a composição CMYK à gráfica** Peça a melhor versão em CMYK na máquina e no papel deles, para os trabalhos que não usarão a tinta especial.
5. **Faça prova de tudo** Imprima um teste da versão em CMYK e compare com a amostra antes de uma tiragem grande.
6. **Anote os quatro valores** Registre Pantone, CMYK, RGB e hex no seu [guia de estilo da marca](https://gradiently.design/pt-br/guide/brand-style-guide), para que ninguém converta na hora.

```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"
  }
}
```

O registro de uma cor de marca com todas as versões em um só lugar. Preencha os valores de impressão com amostras e provas, não com um conversor. [Design tokens](https://gradiently.design/pt-br/guide/design-tokens) mostram como as equipes guardam isso.

Cartão de visita de uma clínica de fisioterapia chamada Northside Physio

Um cartão de visita em 1050×600 px. No impresso, a cor da marca roda como uma única tinta especial, para que toda reimpressão saia igual.

Post vertical de Instagram da mesma clínica de fisioterapia anunciando consultas à noite

A mesma marca no Instagram em 1080×1350, onde o hex escolhido para ficar ao lado da tinta impressa assume.

## Cores de marca além de uma única amostra

Uma cor de marca chapada é fácil de especificar e fácil de copiar, e na tela muitas marcas hoje somam profundidade com luz, degradês e textura. Isso tudo vive em RGB: monte a partir do hex da marca e de seus vizinhos, e guarde o Pantone chapado para os impressos em que uma única tinta exata importa. [Códigos de cor da marca](https://gradiently.design/pt-br/guide/brand-color-codes) e [como escolher as cores da marca](https://gradiently.design/pt-br/guide/how-to-choose-brand-colors) aprofundam o assunto.

- Azul da marca, da luz ao fundo: `linear-gradient(135deg, #1d4ed8 0%, #1e3a8a 100%)`
- Azul da marca com uma fonte de luz: `radial-gradient(circle at 75% 25%, #3b82f6 0%, #1d4ed8 45%, #0b1a4a 100%)`

Versões de tela construídas em torno de um único hex da marca. No impresso, um degradê como este costuma ser reproduzido em CMYK, não em tinta especial.

Um Mark do Gradiently leva essa ideia adiante: um fundo vivo com cores, luz e granulado próprios, que pertence a uma marca por vez. Pesquise no Mercado por palavras de cor como “azul profundo” para achar um próximo da cor da sua marca.

## FAQ

### Qual é a diferença entre Pantone e hex?

O Pantone identifica uma tinta de impressão física pré-misturada. O hex é um valor RGB que diz à tela quanta luz vermelha, verde e azul mostrar.

### Dá para converter Pantone em hex com exatidão?

Não. A Pantone publica equivalentes em hex, mas são aproximações, porque tintas, papéis e telas se comportam de formas diferentes, e algumas tintas ficam fora da gama da tela.

### O que significam C e U no Pantone?

C quer dizer que a amostra é para papel couchê e U, para papel não revestido. A mesma tinta fica diferente em cada um, por isso são listadas separadamente.

### O que é uma cor especial?

Uma cor especial é impressa com a própria tinta pré-misturada, em vez de montada com pontos de CMYK. É mais consistente e alcança cores que o CMYK não alcança.

### Preciso de cores Pantone para a minha marca?

Só se você imprime coisas em que a cor exata importa, como embalagens, sinalização ou papelaria. Uma marca focada no digital pode começar com hex e RGB, além de uma versão CMYK conferida para o impresso ocasional.