Seletor e Conversor de Cores

O Seletor de Cores é uma ferramenta de design versátil que preenche a lacuna entre a visão criativa e o código de implementação. Ele suporta seleção, análise e conversão de cores em vários formatos digitais.

Modelos de Cores Explicados

• HEX (Hexadecimal): Um código de 6 dígitos (frequentemente com hash, ex: #FF5733) representando valores de Vermelho, Verde e Azul. É o formato mais conciso e amplamente suportado para web design (CSS) e HTML.
• RGB (Vermelho, Verde, Azul): Modelo de cor aditiva onde luzes vermelha, verde e azul são somadas. Valores variam tipicamente de 0 a 255. Isso define quanta luz de cada cor um pixel na tela deve emitir.
• HSL (Matiz, Saturação, Luminosidade): O modelo mais intuitivo para humanos.
  • Matiz (Hue): O tipo de cor na roda de cores (0-360 graus). 0=Vermelho, 120=Verde, 240=Azul.
  • Saturação: Intensidade ou pureza da cor (0% = cinza, 100% = cor completa).
  • Luminosidade: Brilho (0% = preto, 100% = branco). Ótimo para gerar tons (versões mais claras/escuras).

Recursos para Designers

• Verificador de Contraste: (Em breve) Verifique se sua combinação de cor de fundo e texto atende aos padrões de acessibilidade WCAG 2.1 (ex: proporção 4.5:1 para legibilidade).
• Geração de Paleta: Gere esquemas de cores complementares (opostos), análogos (vizinhos) e triádicos (equilibrados) com base em uma cor base.

Para Desenvolvedores

Copie o código instantaneamente para uso em variáveis CSS (`--primary-color: #x`) ou mapas SASS. A ferramenta corta ou normaliza automaticamente os valores enquanto você os insere para evitar inconsistências no navegador.