Conversor de Cores HEX RGB HSL

Converta valores de cores CSS entre formatos HEX, RGB e HSL com uma pré-visualização ao vivo e saída pronta para copiar.

Tudo roda localmente no seu navegador.

Valores CSS

Converta cores coladas em valores CSS prontos para copiar para folhas de estilo, componentes e tokens de design.

Entrega de design

Mova-se entre especificações HEX, valores RGB de capturas de ecrã e ajustes HSL sem abrir uma aplicação de design.

Processamento local privado

O conversor usa apenas JavaScript nativo do navegador. Nenhum ponto final de carregamento ou conversão do lado do servidor está envolvido.

Frequently asked questions

O meu valor de cor é carregado?

Não. A conversão HEX, RGB e HSL é executada com JavaScript no seu navegador. Os valores de cor que introduz não são enviados para os servidores Convertr.

Quais formatos HEX são suportados?

O conversor suporta cores HEX de 3 e 6 dígitos, como #0fa e #00ffaa.

Posso colar valores CSS rgb() e hsl()?

Sim. Pode colar valores como rgb(34, 197, 94), 34 197 94, hsl(142, 71%, 45%) ou 142 71% 45%.

Para que é útil o HSL?

HSL separa matiz, saturação e luminosidade, o que o torna prático ao ajustar famílias de cores, estados de foco e tokens de design.