Passo a passo
- Escolha uma cor no seletor ou arraste um layout ou logotipo e clique no ponto desejado.
- No Chrome ou Edge do computador, use Pegar cor da tela para capturar de qualquer aba ou janela.
- Clique em Copiar ao lado do código HEX, RGB ou HSL.
- Cole o valor no seu CSS, em propriedades como color ou background-color.
Resumo rápido
| Propriedade CSS | Exemplo de valor | Onde aplicar |
|---|---|---|
| color | #0E8FA8 | Cor de textos e ícones |
| background-color | rgb(14, 143, 168) | Fundo de botões, faixas e seções |
| border-color | hsl(190, 85%, 36%) | Bordas de cartões e campos |
Perguntas parecidas
Qual formato de cor é melhor para HTML e CSS?
O HEX é o mais curto e comum no CSS. O HSL ajuda quando você quer manter o mesmo tom e mudar apenas o brilho no efeito hover.
Posso pegar as cores de um site a partir de um print?
Arraste o print para a ferramenta e clique no elemento que deseja copiar. Abaixo da imagem também aparecem as cores principais.
O código HEX copiado já vem com o símbolo #?
Sim, o código já inclui o # no início e pode ser colado direto na propriedade CSS.
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 pegar código de cor hexadecimal, RGB e HSL
- 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.