Tabela de Cores

Códigos das Cores Mais Pesquisadas

Estas são as cores cujo código mais se procura nesta tabela de cores. Clique num valor para o copiar; o nome leva à linha da cor na lista completa, onde está também o HSL.

O branco (#FFFFFF) e o preto (#000000) são os dois extremos do RGB e os únicos com o mesmo código em qualquer lista. Nos restantes nomes, cada fonte escolhe o seu tom. O vermelho-escuro que aqui aparece é o darkred da norma CSS; o castanho é o valor da Wikipédia, porque o brown do CSS (#A52A2A) puxa para o vermelho e está na tabela como «Castanho (web)».

No CMYK do branco as quatro tintas estão a zero: no papel, o branco é a ausência de tinta. Se imprimir em papel creme ou reciclado, é essa a cor que aparece onde o ficheiro diz branco.

Lista de Cores de A a Z

A lista tem 382 nomes de cores em português, por ordem alfabética. Escolha uma letra para saltar para ela:

Cada nome tem um só código. Os valores vêm de três fontes, por esta ordem de prioridade: a norma CSS do W3C (os nomes de cor que qualquer browser reconhece, marcados na tabela com o nome em inglês), a Wikipédia (a lista de cores em português, conferida com a inglesa) e a lista aberta color-names, de onde vêm os nomes descritivos como «Brisa do oceano». Quando duas fontes dão valores diferentes ao mesmo nome, fica o da fonte com mais peso e o outro ganha nome próprio.

Para partilhar uma cor, junte o nome ao endereço da página, por exemplo tabela-de-cores#terracota. O botão «Incluir nomes internacionais» acrescenta mais de 4 mil nomes em inglês.

O Que São os Códigos HEX, RGB, CMYK e HSL

São quatro formas de escrever uma cor. Três descrevem luz num ecrã; a quarta descreve tinta em papel.

O Código HEX

É o RGB escrito em base 16, e é o formato mais usado em HTML e CSS. Os seis dígitos agrupam-se dois a dois (vermelho, verde e azul) e cada par vai de 00 a FF, ou seja, de 0 a 255. Na terracota, #E2725B, o E2 é 226 de vermelho, o 72 é 114 de verde e o 5B é 91 de azul. Quando os pares se repetem, o código pode encurtar-se: #FF0000 escreve-se #F00. Com oito dígitos, os dois últimos indicam a transparência.

O Modelo RGB

Vermelho (red), verde (green) e azul (blue), cada um de 0 a 255, somados como luz. É assim que funciona um ecrã: com os três canais no máximo tem-se branco, com os três a zero tem-se preto, e pelo meio cabem 256 × 256 × 256 = 16.777.216 combinações. Em CSS escreve-se rgb(226, 114, 91).

O Modelo CMYK

Ciano, magenta, amarelo e preto, em percentagem de tinta de 0 a 100. O K vem de key, a chapa que na impressão leva o preto. É um modelo subtrativo: cada tinta absorve parte da luz que o papel reflete, e quanto mais tinta, mais escura a cor. O preto existe à parte porque o ciano, o magenta e o amarelo juntos dão um castanho-escuro pouco limpo, e porque um texto preto feito com três tintas sobrepostas exigiria um acerto perfeito entre elas.

O Modelo HSL

Matiz (hue, em graus de 0 a 360 à volta do círculo cromático), saturação e luminosidade, estas duas em percentagem. É o mais prático para mexer numa cor à mão: para um tom mais escuro da mesma cor, baixa-se só a luminosidade. O vermelho está nos 0°, o verde nos 120° e o azul nos 240°.

Qual É a Diferença entre RGB e CMYK?

O RGB serve para o que se vê num ecrã: site, redes sociais, apresentações, vídeo. O CMYK serve para o que vai para uma gráfica: cartões, folhetos, embalagens, cartazes. A regra prática é simples: um ficheiro para imprimir entrega-se em CMYK, com o perfil de cor que a gráfica pedir.

Porque as Cores Mudam ao Imprimir

Um ecrã emite luz e alcança cores que a tinta não consegue reproduzir: os verdes e azuis muito saturados, os laranjas vivos, o próprio vermelho #FF0000. Na passagem para CMYK, essas cores são levadas para o tom imprimível mais próximo e ficam mais baças. Somam-se o papel (o couché devolve cores mais vivas do que o papel não revestido, que absorve mais tinta) e o monitor onde a cor foi aprovada, que raramente está calibrado.

Como Converter RGB para CMYK sem Perder a Cor

• Converta no programa de paginação (Illustrator, InDesign, Affinity) com o perfil ICC que a gráfica indicar. Na Europa, para papel couché, são comuns o FOGRA39 (ISO Coated v2) e o FOGRA51 (PSO Coated v3).
• Veja o resultado antes de enviar: a pré-visualização de impressão (soft proof) mostra no ecrã como a cor vai sair.
• Defina um CMYK próprio para cada cor da marca, escolhido a olhar para uma prova impressa, em vez de deixar o programa converter o HEX sozinho.
• Numa tiragem grande, peça uma prova de cor impressa antes de aprovar.

Os valores CMYK desta tabela saem da fórmula matemática direta, sem perfil ICC: servem de ponto de partida, não de prova de cor. Para o resto da preparação do ficheiro, veja as medidas de papel A4, A3 e A5 com sangria e confirme a resolução das imagens na calculadora de DPI.

E o Pantone e o RAL?

Nenhum dos dois é um código que se calcule a partir do HEX. São catálogos de cores físicas, com amostras impressas ou pintadas, e cada um tem o seu dono e a sua licença.

Pantone

É o sistema de cores diretas (spot colors) mais usado nas artes gráficas. Cada referência, como Pantone 186 C, é uma tinta já misturada, não uma soma de CMYK; o C ou o U no fim indicam papel couché (coated) ou não revestido (uncoated). Muitas cores Pantone ficam fora do que o CMYK alcança, e é por isso que as marcas as usam: garantem o mesmo tom em todas as tiragens. Os valores oficiais estão nos guias e aplicações da própria Pantone.

RAL

É o padrão alemão para tintas, lacagens e revestimentos, usado em caixilharia, portões, mobiliário metálico e pintura industrial. As cores RAL Classic têm quatro algarismos: o RAL 9010 é um branco e o RAL 7016 é o cinzento-antracite comum nas janelas. Tal como no Pantone, qualquer HEX atribuído a um RAL é uma aproximação, porque o ecrã não mostra a cor da tinta seca.

Por isso esta tabela não publica equivalências Pantone ou RAL: um valor aproximado apresentado como exato leva a encomendas de tinta erradas.

Como Descobrir o Código de uma Cor

Numa Imagem

Carregue ou cole a imagem no nosso identificador de cores, aponte a lupa ao ponto e clique: recebe o HEX, o RGB, o CMYK e o nome da cor mais próxima desta tabela, sem instalar nada. Num editor, o conta-gotas do Photoshop é a tecla I e o do GIMP é a tecla O. Para tirar as cores principais de uma fotografia de uma só vez, o nosso gerador de paletas de cores extrai a paleta de uma foto sem a enviar para lado nenhum. Numa foto, a mesma superfície tem dezenas de tons por causa da luz: escolha uma zona sem sombra nem reflexo.

Num Site

No Chrome, no Edge ou no Firefox, clique com o botão direito sobre o elemento e escolha Inspecionar. No painel de estilos, cada cor aparece com um pequeno quadrado; clique nele para ver o valor em HEX, RGB ou HSL e usar o conta-gotas sobre qualquer ponto da página. No Windows, o PowerToys acrescenta um seletor de cor para todo o ecrã (Win + Shift + C); no Mac, a aplicação Medidor de Cor Digital já vem instalada.

Só pelo Nome

Escreva o nome na pesquisa da tabela, com ou sem acentos. Os nomes de cor não são normalizados: «vermelho-escuro» ou «azul-petróleo» têm valores diferentes em listas diferentes, e numa loja de tintas o mesmo nome corresponde a outra fórmula. Se a cor vai passar por mais do que uma pessoa (uma gráfica, um programador, um pintor), envie sempre o código, nunca só o nome. Se está a definir as cores de uma marca, é esse o trabalho de design gráfico que fazemos.

Tipos de Cores: Primárias, Secundárias e Terciárias

As cores primárias são as que não se obtêm misturando outras, e dependem do sistema: vermelho, verde e azul na luz (RGB); ciano, magenta e amarelo na tinta de impressão (CMY); vermelho, amarelo e azul no círculo tradicional da pintura.

As secundárias nascem da mistura de duas primárias. No círculo tradicional são o laranja, o verde e o roxo; na luz, vermelho com verde dá amarelo, verde com azul dá ciano e azul com vermelho dá magenta. As terciárias juntam uma primária à secundária vizinha (vermelho-alaranjado, amarelo-esverdeado, azul-violeta e as restantes) e completam o círculo de 12 cores. Para ver como se combinam, abra o círculo cromático com harmonias de cor.

Perguntas Frequentes