Conversor de cores
Converta uma cor entre HEX, RGB e HSL, veja a prévia e copie os valores para usar no CSS.
O destaque de cores cobre os primeiros 20 mil caracteres. O conteúdo completo é preservado para copiar e baixar.
Como usar
- Digite uma cor em HEX, rgb() ou hsl(), ou escolha uma cor no seletor.
- Clique em Converter e confira a prévia e as declarações CSS color nas representações HEX, RGB e HSL.
- Copie a representação CSS desejada para o projeto e avalie o contraste com o fundo em que será aplicada.
Como funciona
Aceita cores opacas: HEX com 3 ou 6 dígitos, RGB com canais inteiros de 0 a 255 e HSL com saturação e luminosidade de 0% a 100%. A conversão não avalia contraste ou acessibilidade.
A cor #FF0000 corresponde a rgb(255, 0, 0) e hsl(0, 100%, 50%).
Perguntas frequentes
Qual é a diferença entre RGB e HSL?
RGB descreve intensidades de vermelho, verde e azul. HSL organiza a mesma cor por matiz, saturação e luminosidade, o que ajuda a ajustar o aspecto da cor.
Posso converter uma cor com transparência?
Esta ferramenta trabalha com cores sem canal alfa. Valores RGBA, HSLA e HEX com transparência precisam ser tratados em uma ferramenta que também aceite opacidade.