Como descobrir o código de uma cor?

Abra a imagem que tem a cor e toque no ponto exato, ou use o conta-gotas no Chrome ou no Edge do computador para pegar de qualquer lugar da tela. Os códigos HEX, RGB, HSL e CMYK aparecem na hora, e um toque copia o que você precisar.

Como converter HEX para RGB?

Digite ou cole o código HEX, como #FF5722, e o valor em RGB aparece ao lado, neste caso 255, 87, 34. A conversão funciona em qualquer direção: digite RGB ou HSL e os outros formatos se ajustam. Cada par de caracteres do HEX corresponde a um dos três canais.

Como pegar a cor de uma imagem?

Toque em Pegar de uma imagem, abra a foto ou o print e toque no pixel que tem a cor. A imagem é lida no seu navegador, sem envio. Em fotos, pixels vizinhos variam um pouco por causa da luz e da compressão; toque numa área uniforme para ter um valor mais fiel.

Por que o conta-gotas não aparece no meu navegador?

O conta-gotas de tela só existe no Chrome e no Edge de computador. No celular, no Safari e no Firefox, ele não está disponível. Nesses casos, tire um print da tela e use Pegar de uma imagem, que funciona em todos os navegadores.

O CMYK mostrado aqui serve para a gráfica?

Serve como referência, não como valor final. A conversão é feita por fórmula, e a gráfica usa perfis de cor próprios para cada papel e impressora. Mande o código para a gráfica, mas peça uma prova impressa quando a cor for importante, como num logotipo.

Que cor de texto usar sobre um fundo colorido?

Use a que tiver maior contraste com o fundo, branco ou preto. A ferramenta mostra a razão de contraste das duas e se cada uma passa no nível AA, que pede 4,5:1 para texto normal. Em tons médios, como laranja e verde-claro, o texto preto costuma vencer.

Código de cores HEX, RGB e CMYK com seletor

Escolha a cor pela roda, digite um código ou pegue de uma imagem e veja HEX, RGB, HSL e CMYK lado a lado, com teste de contraste e paletas.

Grátis e sem cadastro. O que você digita não sai do seu navegador.

Código da cor (HEX, RGB ou HSL)

Pegar de uma imagem

HEX
RGB
HSL
CMYK (aprox.)
Contraste com texto

Mais claros

Mais escuros

Combinações

Como usar: Código de cores

Escolha a cor de um destes jeitos: use a Roda de cores, digite um código HEX, RGB ou HSL, ou toque em Pegar de uma imagem e depois no ponto desejado.
No Chrome ou no Edge do computador, use o Conta-gotas para pegar a cor de qualquer lugar da tela.
Leia os códigos HEX, RGB, HSL e CMYK e toque em qualquer um para copiar.
Role a página para ver o contraste com texto branco e preto, os tons mais claros e mais escuros e as combinações sugeridas.

Os formatos de cor e quando usar cada um

HEX, RGB e HSL

HEX é o código de seis caracteres depois da cerquilha, como #1E88E5, usado em sites, no Canva e na maioria dos programas. RGB descreve a mesma cor com três números de 0 a 255, para vermelho, verde e azul. HSL usa matiz, saturação e luminosidade, e é mais intuitivo quando você quer a mesma cor só um pouco mais clara. Os três falam da mesma cor, e a conversão entre eles é direta.

CMYK é uma aproximação

CMYK é o sistema da impressão, com ciano, magenta, amarelo e preto. A conversão mostrada aqui é matemática e serve de ponto de partida, mas a gráfica converte com perfis de cor próprios do papel e da máquina, e o impresso pode sair diferente da tela. Para a cor de uma marca em cartão de visita ou fachada, peça uma prova impressa antes de rodar a tiragem.

Contraste e acessibilidade

Para cada cor, a ferramenta calcula a razão de contraste com texto branco e com texto preto e diz se passa nos níveis AA e AAA das diretrizes WCAG. Texto normal precisa de pelo menos 4,5:1 para o nível AA. Isso evita botões amarelos com letra branca que ninguém lê no sol. Um fundo que falha com branco muitas vezes passa com preto, e o teste mostra isso na hora.

Tons, combinações e imagens

Abaixo dos códigos aparecem 10 passos mais claros e 10 mais escuros da cor escolhida, úteis para fundos, bordas e estados de botão no mesmo tom. As harmonias sugerem a cor complementar, as análogas e as triádicas. Se você pegou a cor de uma foto, a imagem é aberta no próprio navegador só para ler o pixel e não sai do aparelho.

Perguntas frequentes

Como descobrir o código de uma cor?: Abra a imagem que tem a cor e toque no ponto exato, ou use o conta-gotas no Chrome ou no Edge do computador para pegar de qualquer lugar da tela. Os códigos HEX, RGB, HSL e CMYK aparecem na hora, e um toque copia o que você precisar.
Como converter HEX para RGB?: Digite ou cole o código HEX, como #FF5722, e o valor em RGB aparece ao lado, neste caso 255, 87, 34. A conversão funciona em qualquer direção: digite RGB ou HSL e os outros formatos se ajustam. Cada par de caracteres do HEX corresponde a um dos três canais.
Como pegar a cor de uma imagem?: Toque em Pegar de uma imagem, abra a foto ou o print e toque no pixel que tem a cor. A imagem é lida no seu navegador, sem envio. Em fotos, pixels vizinhos variam um pouco por causa da luz e da compressão; toque numa área uniforme para ter um valor mais fiel.
Por que o conta-gotas não aparece no meu navegador?: O conta-gotas de tela só existe no Chrome e no Edge de computador. No celular, no Safari e no Firefox, ele não está disponível. Nesses casos, tire um print da tela e use Pegar de uma imagem, que funciona em todos os navegadores.
O CMYK mostrado aqui serve para a gráfica?: Serve como referência, não como valor final. A conversão é feita por fórmula, e a gráfica usa perfis de cor próprios para cada papel e impressora. Mande o código para a gráfica, mas peça uma prova impressa quando a cor for importante, como num logotipo.
Que cor de texto usar sobre um fundo colorido?: Use a que tiver maior contraste com o fundo, branco ou preto. A ferramenta mostra a razão de contraste das duas e se cada uma passa no nível AA, que pede 4,5:1 para texto normal. Em tons médios, como laranja e verde-claro, o texto preto costuma vencer.

Todas as ferramentas de Utilidades · Atualizado em 12 de outubro de 2026 ·