Conversor de Cor (HEX, RGB, HSL)

Escopo: conversão HEX ↔ RGB ↔ HSL, sem canal alpha

Entrada aceita: #RRGGBB, #RGB, rgb(r, g, b) ouhsl(h, s%, l%) (também reconhece rgba()/hsla(), mas descarta o alpha — a saída é sempre opaca nos três formatos). O formato de entrada é detectado automaticamente pelo prefixo/sintaxe.

Quando usar cada formato

• HEX — padrão de fato em ferramentas de design (Figma, Sketch) e em paletas de marca; mais compacto para copiar/colar entre design e código.
• HSL — melhor para gerar variações programáticas de uma cor base (hover, disabled, dark mode, escalas de tema): fixe o hue e varie só l(luminosidade) ou s (saturação).
• RGB — mais direto quando o canal de transparência importa: usergba(r, g, b, a), já que HEX de 8 dígitos com alpha não tem suporte universal em navegadores e ferramentas de design.

Casos de uso típicos: extrair uma cor HEX de um design em Figma e gerar a escala de tons correspondente em HSL para um design system; ou depurar um valor de rgb() vindo de getComputedStyle no DevTools.