Converta um código de cor hex para RGB e HSL na hora, com pré-visualização da cor em tempo real.
Os códigos de cor hex são a forma mais comum de representar cores no web design: um código de 6 dígitos que começa com # (ex.: #6366F1) e expressa os componentes vermelho, verde e azul como números hexadecimais de dois dígitos. O RGB (Red, Green, Blue — vermelho, verde, azul) representa a mesma informação com três números decimais de 0 a 255. Já o HSL (Hue, Saturation, Lightness — matiz, saturação, luminosidade) descreve a cor por um ângulo de matiz (0-360 graus), uma porcentagem de saturação (0-100%) e uma porcentagem de luminosidade (0-100%), o que torna os ajustes mais intuitivos para designers. Os códigos hex curtos de 3 dígitos (ex.: #fff) são expandidos para 6 dígitos repetindo cada dígito (#fff vira #ffffff).
Dúvidas comuns sobre conversão de cores
Os dois expressam a mesma cor de maneiras diferentes. O hex reúne a cor em um único código hexadecimal de 6 dígitos (#6366F1), enquanto o RGB mostra os componentes vermelho, verde e azul separadamente, como números decimais de 0 a 255 (rgb(99, 102, 241)). É a mesma cor, só que em notações diferentes.