# Pantone vs hex: como acertar a cor da marca no papel e no ecrã

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

A cor de uma marca tem de sobreviver a um cartão de visita, a uma tabuleta, a um site e a um story do Instagram. O Pantone e o hex resolvem metade do problema cada um. Eis como se relacionam e como os pôr de acordo.

## The short version

- Pantone vs hex é uma diferença de meio: uma cor Pantone é uma tinta de impressão pré-misturada específica, enquanto um código hex é uma cor RGB para ecrãs.
- As cores Pantone imprimem-se como cores spot, uma tinta exata por cor, enquanto a impressão corrente constrói as cores com quatro tintas de processo, o CMYK.
- A Pantone publica equivalentes em RGB, hex e CMYK para as suas cores, mas são aproximações, e algumas tintas Pantone não se reproduzem na perfeição no ecrã nem em CMYK.
- Uma versão revestida e uma 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 de cor de marca completa indica uma referência Pantone, uma decomposição CMYK, um valor RGB e um código hex, cada um verificado a olho em vez de convertido às cegas.

**Pantone vs hex** é, no fundo, tinta contra luz. Uma cor Pantone é uma tinta de impressão numerada e pré-misturada que podes segurar numa amostra física. Um código hex, como `#1d4ed8`, é um conjunto de valores de vermelho, verde e azul que diz a um ecrã quanta luz deve emitir. Nenhum se converte na perfeição no outro. A Pantone publica equivalentes em hex e CMYK, e são bons pontos de partida, mas uma marca que fica bem em todo o lado escolhe cada versão a olho e escreve-as todas.

## O que é, afinal, uma cor Pantone

O Pantone Matching System é um catálogo de receitas de tinta padrão, cada uma com um número. Uma tipografia em qualquer parte do mundo pode misturar a mesma receita e obter, dentro da tolerância, a mesma cor. O sufixo indica o papel para que foi pensada: **C** para revestido (coated) e **U** para não revestido (uncoated). A mesma tinta parece mais viva e nítida em papel revestido, e mais suave, escura e plana em papel não revestido, por isso códigos como *PMS 186 C* e *PMS 186 U* aparecem deliberadamente como amostras separadas.

## Cor spot vs cor de processo

### Cor spot (Pantone)

- Uma tinta pré-misturada por cor
- Muito consistente de tiragem para tiragem
- Chega a cores que o CMYK não alcança, incluindo metálicos e fluorescentes
- Cada tinta spot extra acrescenta uma chapa e custo
- Ideal para logótipos, papelaria, embalagens e sinalética

### Cor de processo (CMYK)

- Cores construídas com quatro tintas em pontos minúsculos
- Pode variar mais entre máquinas e papéis
- Gama mais pequena; as cores mais vivas ficam mais fracas
- Lida bem com fotografias e degradês
- Ideal para folhetos, brochuras, revistas e cartazes

Muitas marcas usam as duas: o logótipo impresso em cor spot Pantone em papel timbrado e embalagens, e um equivalente CMYK para folhetos a todo o gás. O artigo [RGB vs CMYK](https://gradiently.design/pt-pt/guide/rgb-vs-cmyk) explica porque é que a cor de processo perde alguns dos tons mais vivos.

## Hex e RGB: a cor como luz

Um código hex é apenas RGB escrito em base 16: dois caracteres para o vermelho, dois para o verde e dois para o azul, de `00` a `ff`. `#1d4ed8` significa vermelho 29, verde 78, azul 216. É preciso como número, mas não como aparência, porque cada ecrã o mostra de forma ligeiramente diferente, consoante o painel, o brilho e as definições. O artigo [códigos de cor explicados](https://gradiently.design/pt-pt/guide/color-codes-explained) trata de hex, RGB, HSL e o resto.

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

Quatro maneiras de nomear uma só cor de marca. Cada uma pertence a um meio diferente.

## Porque é que as conversões de Pantone para hex são aproximadas

- **Gamas diferentes:** algumas tintas Pantone, sobretudo laranjas e verdes vivos, fluorescentes e metálicos, ficam fora do que um ecrã normal consegue mostrar.
- **Papel e luz:** uma amostra de tinta muda com o papel e com a luz em que a vês; um ecrã emite a sua própria luz.
- **Os ecrãs variam:** o mesmo hex parece diferente em dois monitores, por isso nenhum hex isolado iguala uma tinta física em todo o lado.
- **Atualizações:** a Pantone reviu os seus valores digitais ao longo dos anos, por isso guias de marca mais antigos podem indicar equivalentes hex diferentes para a mesma tinta.

> **Trata os conversores como ponto de partida** As ferramentas online de Pantone para hex dão um número, não uma correspondência. Usa os valores publicados pela própria Pantone ou o Pantone Connect como primeira tentativa e depois ajusta a olho contra uma amostra física.

## Como acertar a cor da marca entre papel e ecrã

1. **Decide que meio manda** Se a marca vive sobretudo em papel, como embalagens ou uma montra, escolhe primeiro o Pantone. Se vive sobretudo em ecrãs, escolhe primeiro o hex e procura o Pantone mais próximo.
2. **Escolhe a partir de um guia físico** Escolhe a tinta num guia Pantone impresso, à luz do dia ou a uma luz neutra, no livro revestido ou não revestido que corresponda ao teu papel.
3. **Encontra a cor de ecrã mais próxima a olho** Parte do hex publicado pela Pantone, depois segura a amostra ao lado de um ecrã calibrado ou de boa qualidade e ajusta até as duas parecerem iguais.
4. **Pede à tipografia a decomposição CMYK** Pede a melhor versão CMYK na máquina e no papel deles, para os trabalhos que não vão usar a tinta spot.
5. **Prova tudo** Imprime um teste da versão CMYK e compara-o com a amostra antes de uma tiragem grande.
6. **Escreve os quatro valores** Regista Pantone, CMYK, RGB e hex no teu [guia de estilo da marca](https://gradiently.design/pt-pt/guide/brand-style-guide), para que ninguém converta de improviso.

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

Um registo de cor de marca com todas as versões num só sítio. Preenche os valores de impressão a partir de amostras e provas, não de um conversor. Os [design tokens](https://gradiently.design/pt-pt/guide/design-tokens) mostram como as equipas guardam isto.

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

Um cartão de visita a 1050×600 px. Em impressão, a cor da marca corre como uma só tinta spot, para que cada reimpressão seja igual.

Publicação vertical de Instagram da mesma clínica de fisioterapia a anunciar consultas ao fim do dia

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

## Cores de marca para além de uma amostra

Uma cor de marca plana é fácil de especificar e fácil de copiar, e no ecrã muitas marcas acrescentam agora profundidade com luz, degradês e textura. Isso vive em RGB: constrói-o a partir do hex da marca e dos seus vizinhos, e guarda o Pantone plano para trabalhos de impressão em que uma única tinta exata importa. As [cores da marca em código](https://gradiently.design/pt-pt/guide/brand-color-codes) e [como escolher as cores da marca](https://gradiently.design/pt-pt/guide/how-to-choose-brand-colors) vão mais longe.

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

Versões para ecrã construídas em torno de um só hex da marca. Em impressão, um degradê assim costuma reproduzir-se em CMYK e não como tinta spot.

Um Mark da Gradiently leva essa ideia mais longe: um fundo vivo, com as suas próprias cores, luz e grão, pertencente a uma só marca de cada vez. Pesquisa no Mercado por palavras de cor como “azul profundo” para encontrar um próximo da cor da tua 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 a um ecrã quanta luz vermelha, verde e azul deve mostrar.

### É possível converter Pantone em hex com exatidão?

Não. A Pantone publica equivalentes em hex, mas são aproximações, porque tintas, papel e ecrãs comportam-se de forma diferente, e algumas tintas ficam fora da gama do ecrã.

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

C quer dizer que a amostra é para papel revestido e U para papel não revestido. A mesma tinta parece diferente em cada um, por isso aparecem em separado.

### O que é uma cor spot?

Uma cor spot imprime-se com a sua própria tinta pré-misturada, em vez de ser construída com pontos CMYK. É mais consistente e chega a cores que o CMYK não alcança.

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

Só se imprimires coisas em que a cor exata importa, como embalagens, sinalética ou papelaria. Uma marca sobretudo digital pode começar com hex e RGB, mais uma versão CMYK verificada para a impressão ocasional.