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

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

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 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 trata de hex, RGB, HSL e o resto.

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.

Como acertar a cor da marca entre papel e ecrã

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

   Prova tudo

   Imprime um teste da versão CMYK e compara-o com a amostra antes de uma tiragem grande.

6. 6

   Escreve os quatro valores

   Regista Pantone, CMYK, RGB e hex no teu guia de estilo da marca, para que ninguém converta de improviso.

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

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 e como escolher as cores da marca vão mais longe.

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.