O Conversor de Cores converte instantaneamente entre os três formatos de cor mais usados no design e desenvolvimento web - HEX, RGB e HSL - direto no seu navegador. É útil pra quem precisa adaptar uma cor de um design para código CSS, ajustar matiz/saturação/luminosidade de forma mais intuitiva que em RGB, ou simplesmente conferir qual código corresponde a uma cor específica.
Cada formato existe por um motivo diferente: HEX é compacto e é o que mais aparece em código
(#4f46e5), RGB representa diretamente as três luzes primárias que formam a cor na tela
(vermelho, verde e azul de 0 a 255), e HSL organiza a cor de um jeito mais intuitivo pra ajuste
visual - matiz (a cor “pura” num círculo de 0° a 360°), saturação (quão viva ou acinzentada ela é)
e luminosidade (quão clara ou escura). É por isso que designers costumam preferir ajustar uma cor
em HSL: aumentar a luminosidade deixa a cor mais clara sem trocar o tom, algo que em RGB exigiria
recalcular os três canais manualmente.
Os três formatos ficam sincronizados com pré-visualização ao vivo: edite qualquer um deles (ou use o seletor de cor visual) e os outros dois se atualizam na hora.