Seletor de Cor
Escolha uma cor e obtenha os valores em HEX, RGB e HSL com um clique para copiar.
#3b82f6
rgb(59, 130, 246)
hsl(217, 91%, 60%)
Como usar?
Abra o seletor de cor e escolha o tom que você quer. Assim que você seleciona, os valores em HEX, RGB e HSL já aparecem atualizados. Para levar qualquer um deles, é só apertar Copiar no formato que precisar.
Escolha uma cor e copie o código
Montando um layout, ajustando um CSS ou definindo a paleta de uma marca, você precisa do código exato da cor, e raramente basta o nome dela. Este seletor abre uma paleta visual onde você escolhe o tom desejado e recebe os valores prontos para usar.
A mesma cor aparece em HEX, RGB e HSL ao mesmo tempo, cada um com botão de copiar, porque cada contexto pede um formato. HEX vai bem no CSS, RGB numa imagem, e o HSL ajuda quando você quer mexer em matiz e saturação sem dor de cabeça. Dá para padronizar cores entre design e código sem escorregar.
A seleção acontece no navegador, sem instalação, e o código vai direto para a área de transferência. Bom para quem trabalha com web, design ou só quer descobrir aquele tom específico.
Ferramentas Relacionadas
Cores da Imagem
Carregue uma imagem e descubra a cor de qualquer pixel em tempo real. Passe o mouse para ver HEX, RGB e HSL com lupa. Extrai automaticamente a paleta de cores dominantes.
Ajustar Cor
Clareie, escureça, inverta, desature ou ajuste a saturação de uma cor HEX, RGB ou HSL. Veja o resultado em tempo real com o código da cor resultante.
Gerador de Tons de Cor
Gere tons (shades) e matizes (tints) de qualquer cor. Clique para copiar o código HEX, RGB ou HSL. Ideal para sistemas de design.