Entering AttentionFlow

🎨

Seletor de Cores HTML

Seletor de cores HTML avançado com suporte para HSL, RGB e HEX.

O que é o Seletor de Cores HTML?

O Seletor de Cores HTML é um utilitário para escolher e converter cores em diferentes formatos como HEX, RGB e HSL. Ele inclui uma matriz de cores e fornece sugestões de contraste para auxiliar no design e na acessibilidade web.

Benefits

  • Matriz completa de 400 cores para inspiração e seleção rápida
  • Conversão instantânea entre formatos HEX, RGB, HSL e HSB
  • Análise de contraste com sugestões para melhor legibilidade no design
  • Suporte para transparência (Alpha) e cópia rápida de códigos de cor

Como usar?

1. Utilize o seletor visual ou a matriz de cores para encontrar o tom.
2. Ajuste a opacidade e veja o código no formato que desejar.
3. Analise as sugestões de contraste para o seu texto de exemplo.
4. Clique no código da cor para copiá-lo para a área de transferência.
Paleta Visual
217°
100%
Matriz de Cores (400 Cores)
Deslize para a esquerda ou direita para ver todas as cores
Conversão de Cor
Cópia Rápida
Formato
Cores da marca
Google
Netflix
Yahoo
iOS
Android
Facebook
Twitter
Insights de contraste

Top 5 sugestões de tons únicos para a cor atual:

#000000Ratio: 5.7:1
#1E293BRatio: 4.0:1
#FFFFFFRatio: 3.7:1
#F8FAFCRatio: 3.5:1
#A3E635Ratio: 2.4:1
Texto de exemplo over #3B82F5 (5.7:1)
Texto de exemplo over #3B82F5 (4.0:1)
Texto de exemplo over #3B82F5 (3.7:1)
Texto de exemplo over #3B82F5 (3.5:1)
Texto de exemplo over #3B82F5 (2.4:1)
Conversor de formato

Os valores de cores são apenas para referência; a aparência real pode variar de acordo com a calibração do monitor.

Explorar mais ferramentas