Conversor de Cores

Todos funcionam. HEX é o mais comum e compacto. HSL vale a pena ao criar variações manualmente, pois ajustar a luminosidade mantendo matiz e saturação gera tons coerentes com mais facilidade que editar HEX.

Sim — a amostra abre o seletor de cor do sistema, para escolher visualmente em vez de digitar. Os formatos HEX, RGB e HSL atualizam juntos. Essa é a função típica do seletor HTML: escolha o tom que parecer certo e obtenha o código para o CSS.

Os últimos dois representam o canal alpha, de 00 (totalmente transparente) até ff (totalmente opaco). É suportado em todos os navegadores atuais e é geralmente mais simples que usar rgba só para transparência.

Porque os componentes HSL são arredondados para números inteiros para facilitar a leitura, e esse arredondamento não é perfeitamente reversível. A diferença é pequena, quase imperceptível, mas impede que a conversão de ida e volta seja idêntica byte a byte.

Sim. Valores hex sem # são aceitos, assim como a notação abreviada de três dígitos, sintaxe CSS com espaços como rgb(59 130 246), e nomes comuns como teal ou crimson.

A prévia mostra texto preto e branco sobre sua cor para você julgar na hora. Para avaliar com rigor baseado nas normas de acessibilidade, use o verificador de contraste, que calcula a razão WCAG corretamente.