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
LimparSem 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
Qual a diferença entre HEX e RGB?
HEX usa hexadecimal (#FF5733). RGB usa valores 0-255. Ambos representam a mesma cor, só o formato muda.
Posso usar este seletor de cores para garantir cores consistentes nas minhas fotos de produtos em diferentes plataformas?
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.
O seletor de cores funciona no meu celular ou tablet?
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.
Por que a cor que eu escolhi na tela fica diferente quando imprimo?
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.
A cor que vejo na tela vai sair exatamente igual no papel impresso?
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.
É possível extrair várias cores de uma mesma imagem de uma só vez?
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.
Preciso calibrar o monitor para selecionar cores com precisão?
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.
Por que a cor que copio de uma foto fica totalmente diferente no meu software de design?
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.
Qual é a diferença entre códigos HEX e HSL, e quando devo usar cada um?
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.
O seletor de cores funciona sem internet?
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
- Gere cor aleatória com o botão ou espaço
- Insira cor HEX ou RGB manualmente
- Extraia cores de imagem
- Clique para copiar o código
- Veja o histórico de cores recentes
Ferramentas Relacionadas
As imagens são processadas localmente no seu navegador, nunca enviadas a nenhum servidor.