Nenhuma ferramenta usada recentemente
Nenhuma ferramenta favorita ainda

Seletor de Cores Grátis: Paleta HEX RGB HSL Extrair de Imagem Online

320 usos
#6366f1
rgb(99, 102, 241)
hsl(239, 84%, 67%)
cmyk(59%, 58%, 0%, 5%)

Clique ou arraste uma imagem aqui

Suporta formatos JPG, PNG, GIF

Cores Usadas Recentemente

Limpar
Sem histórico ainda

Dicas do Seletor de Cores

Formatos HEX, RGB e HSL
Cada cor é mostrada em três formatos: HEX (#FF5733), RGB (255, 87, 51) e HSL (11°, 100%, 60%). Clique para copiar.
Extrair cor de imagem
Envie uma imagem e clique em qualquer ponto para extrair a cor exata.
Cor aleatória rápida
Pressione espaço ou clique em Gerar. Histórico de cores recentes incluído.

Perguntas Frequentes

Q Qual a diferença entre HEX e RGB?
A HEX usa hexadecimal (#FF5733). RGB usa valores 0-255. Ambos representam a mesma cor, só o formato muda.
Q Posso usar este seletor de cores para garantir cores consistentes nas minhas fotos de produtos em diferentes plataformas?
A Com certeza. Faça upload de uma foto de produto, escolha a cor dominante e depois verifique essa mesma cor em outras fotos. A ferramenta mostra os valores exatos de HEX e RGB, permitindo identificar até pequenas variações. Para vendedores de e-commerce, isso é essencial ao editar dezenas de imagens para seu site, Amazon e redes sociais. Dica: sempre confira suas fotos sob luz natural antes de selecionar cores.
Q O seletor de cores funciona no meu celular ou tablet?
A Sim, roda em qualquer navegador moderno — Chrome, Safari, Firefox — no iOS e Android. Na aba 'Selecionar cor da imagem', você pode fotografar com a câmera ou enviar uma imagem já salva. Toque em qualquer ponto da foto para extrair a cor. Para copiar um código HEX, basta pressionar e segurar sobre o valor.
Q Por que a cor que eu escolhi na tela fica diferente quando imprimo?
A Seu monitor usa luz RGB (Vermelho, Verde, Azul), enquanto a impressora trabalha com tinta CMYK. Aquele verde-limão vibrante capturado de uma foto pode virar um tom sujo no papel. Mude a ferramenta para o modo CMYK antes de copiar o código. Olhe a pré-visualização. Para materiais gráficos profissionais, sempre faça um teste na sua impressora primeiro.
Q A cor que vejo na tela vai sair exatamente igual no papel impresso?
A Nem sempre. Telas usam luz RGB, impressoras usam tinta CMYK — são sistemas de cor fundamentalmente diferentes. Aquele neon vibrante da tela pode sair como um tom sem graça no papel. Nossa ferramenta mostra os dois valores lado a lado, então você confere o equivalente CMYK antes de imprimir. Para materiais importantes, peça uma prova física primeiro.
Q É possível extrair várias cores de uma mesma imagem de uma só vez?
A Não com um clique único, mas com um truque rápido. Faça upload da imagem, clique na primeira cor e copie. Sem recarregar a página, clique em outro ponto da mesma imagem — a ferramenta mantém a imagem carregada. Você pega de 10 a 15 cores em menos de um minuto. Para editar fotos de perfil no LinkedIn, selecione o tom de fundo e três cores de destaque. Cole-os lado a lado no seu software de design.
Q Preciso calibrar o monitor para selecionar cores com precisão?
A Não precisa de equipamentos profissionais, mas o brilho da tela influencia o resultado. Telas com brilho excessivo podem fazer cores vibrantes parecerem desbotadas na hora da seleção. Desative o modo noturno ou filtros de luz azul no seu sistema antes de usar a ferramenta. Essas sobreposições de software alteram o tom e prejudicam o valor final. Trabalhar com a luz do ambiente controlada ajuda muito a manter a consistência entre diferentes dispositivos.
Q Por que a cor que copio de uma foto fica totalmente diferente no meu software de design?
A Na maioria dos casos, é um problema de interpretação de formato. A ferramenta mostra HEX por padrão, mas se você copiou um valor HSL e colou num campo HEX, vai obter uma cor completamente diferente. Confira o rótulo de formato logo acima do botão de copiar. O símbolo # também atrapalha — alguns programas exigem #FF5733, outros apenas FF5733. Para capturas de tela, ajuste o perfil de cor do sistema para sRGB, em vez de Display P3, caso contrário as cores ficam supersaturadas no editor.
Q Qual é a diferença entre códigos HEX e HSL, e quando devo usar cada um?
A HEX é um código de 6 dígitos que navegadores e arquivos CSS leem nativamente — pense nele como o número de identidade da cor. HSL separa em matiz, saturação e luminosidade, bem mais intuitivo quando você ajusta tons manualmente. Para escrever código front-end, fique com HEX. Para ajustes de design, como escurecer um botão ou reduzir a saturação, o HSL permite alterar apenas um valor sem mexer nos outros. A maioria das ferramentas de desenvolvimento aceita os dois formatos, então escolha o que combina com seu fluxo. Dica: ao criar gradientes, HSL facilita o cálculo dos passos intermediários.
Q O seletor de cores funciona sem internet?
A Você só precisa de conexão para carregar a página na primeira vez. Depois disso, a ferramenta roda inteiramente no navegador — nenhum dado é enviado a um servidor. Então se você está num ônibus com Wi-Fi ruim, carregue a página antes de sair e conseguirá extrair cores das imagens normalmente. Só não feche a aba. A área de transferência continua funcionando, dá para colar os códigos HEX no seu código ou no software de design.

Como Usar o Seletor

Ferramentas Relacionadas

As imagens são processadas localmente no seu navegador, nunca enviadas a nenhum servidor.