Cor & Design

Conversor HEX / RGB / HSL

Converta uma cor entre os formatos HEX (#rrggbb), RGB (red, green, blue) e HSL (matiz, saturação, luminosidade), com pré-visualização ao vivo.

Como usar

Altere qualquer um dos campos — HEX, RGB ou HSL — e os demais são recalculados automaticamente, junto com a pré-visualização da cor.

Quando usar cada formato

HEX (#rrggbb) é o formato mais comum em CSS e design de interface, compacto e fácil de copiar. RGB representa a cor pela intensidade de vermelho, verde e azul (0 a 255 cada), útil quando se pensa em termos de mistura de luz. HSL (matiz, saturação, luminosidade) é mais intuitivo para ajustar uma cor de forma perceptual — por exemplo, aumentar a luminosidade sem mudar o tom, o que é mais difícil de fazer diretamente em RGB ou HEX.

Perguntas frequentes

Por que o valor HSL muda ligeiramente ao converter e voltar?

Pequenas diferenças de arredondamento podem ocorrer porque HEX/RGB trabalham com números inteiros (0-255), enquanto a conversão para HSL envolve cálculos com casas decimais que são arredondados na exibição.

Essa ferramenta suporta transparência (canal alfa)?

Não nesta versão — ela trabalha apenas com cor sólida (HEX de 6 dígitos, RGB e HSL sem canal alfa).