Passo a passo
- Escolha uma cor na paleta ou arraste uma imagem para o seletor nesta página.
- Clique em um ponto da foto ou use Pegar cor da tela no Chrome ou Edge do computador.
- Veja os códigos HEX, RGB e HSL exibidos para aquele tom.
- Copie o código e cole no seu site, no Canva ou no editor de imagens.
Resumo rápido
| Recurso | O que faz | Quando usar |
|---|---|---|
| Paleta de cores | Permite escolher tom e brilho manualmente | Criar uma cor nova do zero |
| Seletor por imagem | Lê o pixel exato de uma foto enviada | Copiar a cor de um logo ou foto |
| Conta-gotas de tela | Captura a cor de qualquer janela aberta | Pegar a cor de outro programa |
Perguntas parecidas
O que é código hexadecimal de cor?
É um código de seis dígitos, como #0E8FA8, usado em sites e programas de design, com dois dígitos para vermelho, verde e azul.
Para que serve um seletor de cores no design?
Ele garante que você use exatamente o mesmo tom em botões, textos e imagens, sem precisar adivinhar a cor no olho.
Qual a diferença entre HEX, RGB e HSL?
O HEX é um código curto muito usado na web e no Canva, o RGB mostra os valores de vermelho, verde e azul, e o HSL facilita ajustar brilho e saturação.
Mais dúvidas: seletor de cores
- Como pegar a cor de uma imagem
- Como pegar uma cor da tela
- Como pegar código de cor hexadecimal, RGB e HSL
- Como escolher cores para HTML e CSS
- Como usar um seletor de cores no Windows
- Como usar o seletor de cores no Mac
- Como pegar a cor da imagem para usar no Canva
- Como usar o seletor de cores no Photoshop
- Como extrair a paleta de cores de uma imagem
- Como pegar cor no Word e Excel
- Como pegar cor no Paint
- Como usar o seletor de cores no celular
Abrir o seletor de cores completo →
Atualizado em 14 de novembro de 2026.