🎨 Seletor de Cores Avançado

Escolha uma cor e copie os valores em diferentes formatos com preview e contraste em tempo real. Padrões visuais iguais ao Gerador de Gradiente para consistência no projeto.

HEX #4CAF50

RGB rgb(76, 175, 80)

HSL hsl(123, 39%, 49%)

Contraste AAA

🎛️ Entrada

Cor

Alpha 1.00

Opções

HEX maiúsculo Incluir Alpha (RGBA/HSLA) Copiar automaticamente

Ações

👁️ Preview

Pré-visualização

💻 Valores e Variáveis

HEX

RGB/RGBA

HSL/HSLA

📦 Variáveis CSS

🎨 Como Usar Esta Ferramenta

O Seletor de Cores Avançado segue o mesmo padrão visual do Gerador de Gradiente para manter a consistência. Ele converte e copia cores nos formatos mais usados, com preview e contraste em tempo real.

🚀 Fluxo de Uso:

Escolha a cor: Defina via input de cor e ajuste o alpha.
Ative opções: Habilite HEX maiúsculo, incluir alpha e copiar automático.
Copie rápido: Use os botões para copiar HEX, RGB/RGBA e HSL/HSLA.
Veja o contraste: Acompanhe a legibilidade com fundo claro/escuro.
Variáveis CSS: Copie prontas para uso no seu projeto.

💡 Dica: Use “Cor aleatória” para explorar paletas e combine com seu sistema de design.