Passo a passo
- Escolha uma cor no seletor ou arraste uma imagem e clique no ponto desejado.
- No Chrome ou Edge do computador, use Pegar cor da tela para capturar de qualquer janela.
- Veja os códigos HEX, RGB e HSL exibidos ao lado da amostra.
- Clique em Copiar no formato que você precisa e cole no seu projeto.
Resumo rápido
| Formato | Exemplo | Onde usar |
|---|---|---|
| HEX | #0E8FA8 | Sites, CSS, Canva e aplicativos de design |
| RGB | rgb(14, 143, 168) | Telas, gráficos digitais e CSS |
| HSL | hsl(190, 85%, 36%) | Ajustar matiz, saturação e brilho no CSS |
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. Ele traz dois dígitos para vermelho, dois para verde e dois para azul.
Como pegar o código de cor de uma foto?
Arraste a imagem para a ferramenta e clique no ponto exato. Os códigos HEX, RGB e HSL aparecem imediatamente, junto com as cores principais da foto.
Qual formato devo copiar: HEX, RGB ou HSL?
Use HEX na maioria dos aplicativos de design e no CSS. Prefira RGB quando o programa pedir valores de vermelho, verde e azul, ou HSL se quiser ajustar o brilho.
Mais dúvidas: seletor de cores
- Como pegar a cor de uma imagem
- Como pegar uma cor da tela
- O que é um seletor de cores?
- 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.