Seletor de cores

Combine uma cor de marca de um logotipo ou foto exatamente e copie o código diretamente em seu design ou CSS.

ou arraste e solte uma foto aqui — ou cole com Ctrl+V

Como escolher uma cor de uma imagem

  1. Selecione, solte ou cole uma imagem (ou use a roda de cores ou “Escolha da tela” sem uma).
  2. Mova a imagem para ver os pixels ampliados e clique para escolher; escolha 1 px ou uma média de 3×3 para 11×11.
  3. Copie o código HEX, RGB, HSL, HSV ou CMYK ou baixe todas as cores escolhidas.

Sobre: Seletor de cores

Encontre a cor exata de qualquer pixel. Adicione uma imagem, mova-a com o ampliador e clique os códigos HEX, RGB, HSL, HSV e CMYK da cor estão prontos para copiar, juntamente com o nome de cor CSS mais próximo e como o texto branco ou preto legível estaria nele.

Média de uma pequena área para uma cor mais verdadeira nas fotos, escolher cores de qualquer lugar em sua tela em navegadores Chromium, e explorar tonalidades, tons e harmonias de cores correspondentes. Suas cores escolhidas são mantidas em uma história que você pode baixar. A foto fica no seu dispositivo.

Ideal para

  • Obter a cor exata da marca a partir de um logotipo ou captura de tela
  • Combinando tinta, roupas ou cores de decoração de uma foto
  • Encontrar cores de texto acessíveis para um plano de fundo

Dica: Nas fotos, use a amostra 5×5 — Um único pixel é muitas vezes um pouco mais claro ou mais escuro do que a cor que você vê.

Perguntas frequentes

Posso escolher uma cor da minha tela?

Sim, no Chrome, Edge e Opera: clique em “Pick from screen” e clique em qualquer lugar — Mesmo fora do navegador.

O que o tamanho da amostra faz?

1 px leva o pixel exato. 3×3 para 11×11 média dos pixels em torno dele, o que dá uma cor mais verdadeira em fotos e imagens barulhentas ou compactadas.

Quais códigos de cores são mostrados?

HEX, RGB, HSL, HSV e CMYK, o nome de cor CSS mais próximo e a relação de contraste com texto branco e preto.

As cores escolhidas são salvas?

As últimas 40 cores são mantidas neste navegador para que você possa voltar a elas. Faça o download delas como uma lista, variáveis CSS ou JSON.

Minha foto sai do meu dispositivo?

Cores são escolhidas no seu navegador, então nada é enviado.

← Voltar para todas as ferramentas