Conversor de cores

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

Esta é a cola do dia a dia entre design e código: combinar uma cor de marca de um mockup com uma variável CSS, converter um valor que um designer passou em um formato para o que o seu framework espera, ou encontrar um tom um pouco mais claro para um estado de hover.

Tudo funciona no seu navegador, então é instantâneo e nada do que você digita é enviado para lugar nenhum.

Cada formato descreve a mesma cor de um jeito diferente. O HEX (como #ff8800) é a forma compacta usada em todo o CSS e HTML. O RGB indica os canais de vermelho, verde e azul diretamente, que é como as telas e código como o canvas pensam sobre cor. O HSL descreve matiz, saturação e luminosidade, o que é muito mais intuitivo quando você quer ajustar uma cor: mude o matiz para deslocá-la pela roda, ou a luminosidade para deixá-la mais escura sem escolher um novo código na mão.

Digite um valor HEX e os equivalentes em RGB e HSL são atualizados instantaneamente, para você pegar o formato que a ferramenta ou o código à sua frente esperar.

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