Conversor de cores

Este é um conversor de cores para trabalho de web e design que traduz uma cor entre os três formatos que usa mais: HEX, RGB e HSL, com uma amostra em tempo real para ver exatamente com o que estás a trabalhar.

É a cola do dia a dia entre o design e o código: fazer corresponder a cor de uma marca de uma maquete a uma variável CSS, converter um valor que um designer lhe deu num formato para aquele que a sua framework quer, ou encontrar um tom ligeiramente mais claro para um estado de hover.

Tudo corre no seu navegador, por isso é instantâneo e nada do que introduz é enviado para lado nenhum.

Cada formato descreve a mesma cor de forma diferente. O HEX (como #ff8800) é a forma compacta usada em todo o CSS e HTML. O RGB indica diretamente os canais de vermelho, verde e azul, que é como os ecrãs e o código, como o canvas, pensam sobre a cor. O HSL descreve matiz, saturação e luminosidade, o que é bem mais intuitivo quando quer ajustar uma cor: mude o matiz para a deslocar à volta da roda, ou a luminosidade para a tornar mais escura sem escolher um novo código à mão.

Introduza um valor HEX e os equivalentes em RGB e HSL atualizam-se instantaneamente, para poder obter o formato que a ferramenta ou o código à sua frente espera.

Por agora, a ferramenta foca-se em cores opacas em HEX, RGB e HSL; o suporte para alfa (opacidade) ainda não está incluído.