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.

How to Use

1. Escolha o Método Envie uma imagem ou use o botão 'Selecionar da Tela'.
2. Selecione a Cor Passe o mouse sobre a sua imagem para ver uma pré-visualização e clique para capturar a cor.
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.

Fluxos comuns com Seletor de Cores

Seletor de Cores funciona melhor em um fluxo simples: prepare o arquivo, aplique a mudanca e confira o resultado antes de compartilhar.

Comece pelo arquivo

Use Seletor de Cores para esta tarefa: 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. O trabalho fica no navegador, sem abrir um aplicativo mais pesado.

Confira o resultado

Visualize a saida, compare com o original e ajuste as opcoes antes de publicar ou compartilhar.

Conecte o proximo passo

Para tarefas proximas, continue na categoria Ferramentas de Cor.

Links de fluxo relacionados

Ferramentas de Cor Verificador de Contraste Gerador de Paletas

Guias uteis

Um Guia Prático sobre Contraste de Cores para Design de UI

Aprenda os fundamentos da acessibilidade web e do contraste de cores. Entenda as classificações WCAG (AA vs. AAA) e use as nossas verificações rápidas e correções práticas para tornar a sua UI legível para todos.

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.