Seletor de Cores

Selecione cores de qualquer imagem ou da sua tela com nosso seletor de cores online gratuito. Obtenha códigos HEX, RGB e HSL instantaneamente. 100% privado e funciona no seu navegador.

Advertisement
Advertisement

How to Use

  1. 1. Escolha o Método Envie uma imagem ou use o botão 'Selecionar da Tela'.
  2. 2. Selecione a Cor Passe o mouse sobre a sua imagem para ver uma pré-visualização e clique para capturar a cor.
  3. 3. Copie o Código A cor é adicionada ao seu histórico. Clique para copiar seu valor HEX, RGB ou HSL.

O Melhor Amigo de um Designer e Desenvolvedor

🎨 Para Designers

Obtenha rapidamente o código hexadecimal exato de um logotipo de marca, uma imagem de um quadro de inspiração ou uma foto inspiradora. Construa suas paletas de cores com precisão de pixel perfeita.

💻 Para Desenvolvedores

Extraia valores de cor de um mockup de interface do usuário (JPG ou PNG) para usar diretamente em seu CSS ou código de aplicativo. Obtenha valores RGB para desenvolvimento nativo ou HEX para estilização da web.

Entendendo os Códigos de Cores

HEX (Hexadecimal)

Exemplo: #00BFA5. O formato mais comum para cores da web. Um código de seis dígitos que representa a mistura de Vermelho, Verde e Azul.

RGB (Vermelho, Verde, Azul)

Exemplo: rgb(0, 191, 165). Define a intensidade dos componentes de luz vermelha, verde e azul (0-255).

HSL (Matiz, Saturação, Luminosidade)

Exemplo: hsl(174, 100%, 37%). Mais intuitivo para humanos. Matiz é o tipo de cor, Saturação é a intensidade e Luminosidade é o brilho.

Sua Privacidade é Nossa Prioridade

Esta ferramenta é executada inteiramente no seu navegador. Não enviamos, armazenamos ou analisamos seus arquivos. Tudo o que você processa permanece no seu dispositivo.

FAQ

Minhas imagens são enviadas para um servidor?

Não. Sua privacidade é garantida. Todo o processamento ocorre inteiramente dentro do seu navegador da web. Suas imagens nunca saem do seu dispositivo, e nós nunca as vemos ou armazenamos.

O que é o botão 'Selecionar Cor da Tela'?

Este recurso usa a API EyeDropper integrada do seu navegador (Chrome/Edge/Opera). Ele permite que você selecione uma cor de qualquer aplicativo ou janela em toda a sua tela, não apenas da imagem no navegador.

Qual é a diferença entre HEX, RGB e HSL?

HEX (#RRGGBB) é o padrão para design da web. RGB usa valores de 0-255 para a intensidade de Vermelho, Verde e Azul. HSL (Matiz, Saturação, Luminosidade) é muitas vezes mais intuitivo para humanos ajustarem as propriedades das cores.