1001Ferramentas
🎨 Utilitários

Seletor de Cor

Escolha uma cor e obtenha os valores em HEX, RGB e HSL com um clique para copiar.

HEX #3b82f6
RGB rgb(59, 130, 246)
HSL hsl(217, 91%, 60%)

Como usar?

Clique no seletor de cor e escolha a cor desejada. Os valores em HEX, RGB e HSL são atualizados automaticamente. Clique em Copiar para copiar o valor no formato desejado.

Ferramentas Relacionadas

Escolha uma cor e copie o código

Na hora de montar um layout, ajustar um CSS ou escolher a paleta de uma marca, você precisa do código exato da cor — e raramente é só 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 para o CSS, RGB para uma imagem, HSL quando você quer ajustar matiz e saturação com facilidade. É o suficiente para padronizar cores entre design e código sem erro.

A seleção acontece no navegador, sem instalação, e o código vai direto para a área de transferência. Ideal para quem trabalha com web, design ou só quer descobrir aquele tom específico.