Seletor de Cores Gratis
Use os controles HSL para escolher qualquer cor. Obtenha valores HEX, RGB e HSL. Clique na amostra para copiar HEX.
Clique na amostra para copiar HEX
HEX
#1980e6
RGB
rgb(25, 128, 230)
HSL
hsl(210, 80%, 50%)
Como Funciona
Seleciona cores usando controles HSL — Matiz, Saturacao e Luminosidade — com saida HEX, RGB e HSL em tempo real. Clique para copiar HEX. Inclui historico de cores recentes.
Quando Usar
- Encontrar a cor perfeita ajustando matiz, saturacao e luminosidade independentemente.
- Construir conjuntos de cores ajustando apenas luminosidade para variacoes consistentes.
- Obter rapidamente codigos HEX para CSS durante desenvolvimento front-end.
Perguntas Frequentes
Por que controles HSL em vez de roda de cores?
HSL oferece controle independente: Matiz, Saturacao, Luminosidade. Facil criar variacoes — mesmo matiz, diferente luminosidade para estados hover.
O que sao cores recentes?
A ferramenta lembra as cores escolhidas como amostras clicaveis. Compare e mude sem reinserir valores.
Como copio o valor da cor?
Clique na amostra grande para copiar HEX. Voce pode copiar RGB ou HSL individualmente. Uma notificacao "Copiado!" confirma.
Todos os calculos ocorrem no seu navegador. Nenhum dado e enviado a servidores.
Estas ferramentas são grátis para sempre. A SARA vai além.
A SARA é a sua agente AI no WhatsApp: responde a clientes, faz reservas e follow-up — 24/7, automaticamente. Experimente grátis por 14 dias.
Comece o teste grátis de 14 dias →