Conversor de Cores
Converta cores entre os formatos HEX, RGB, HSL e HSV instantaneamente no seu navegador. Digite em qualquer formato e todos os outros se atualizam automaticamente.
Perguntas frequentes
O que são modelos de cor e quando usar cada um?
HEX é o formato padrão para desenvolvimento web e CSS — um código hexadecimal de seis caracteres como #3b82f6. RGB (Vermelho, Verde, Azul) é o modelo aditivo usado pelas telas; é ideal quando você precisa especificar intensidades exatas de canal. HSL (Matiz, Saturação, Luminosidade) é intuitivo para humanos: você escolhe um ângulo de matiz e ajusta o quão vívida e clara a cor deve ser — ótimo para gerar paletas de cores programaticamente. HSV (Matiz, Saturação, Valor) é similar, mas usa "valor" (brilho) em vez de luminosidade, e é comum em aplicativos de design gráfico e seletores de cor.
Como HSL difere de HSV?
Tanto HSL quanto HSV compartilham os mesmos eixos de matiz e saturação, mas o terceiro componente é diferente. No HSL, uma luminosidade de 100% sempre produz branco, independentemente da saturação, enquanto 50% de luminosidade com saturação total dá a versão mais pura do matiz. No HSV, um valor de 100% com saturação total dá o matiz mais puro, e o branco só é alcançado quando a saturação é 0% e o valor é 100%. Isso significa que o HSV se comporta mais como misturar tinta com branco, enquanto o HSL é simétrico em torno de um cinza médio.
Por que os valores convertidos às vezes diferem em 1?
As conversões de cor envolvem dividir inteiros por 255 e arredondar em cada etapa. Essas operações de arredondamento podem causar pequenas discrepâncias de ±1 nos valores finais. Por exemplo, converter RGB(128, 0, 0) para HSL e voltar pode resultar em RGB(127, 0, 0) ou RGB(129, 0, 0) dependendo do arredondamento. Este é o comportamento esperado e a diferença visual é imperceptível para o olho humano.