Converte uma cor entre as notações HEX, RGB e HSL — escolha uma no seletor ou digite um valor, e os outros dois formatos se atualizam na hora. Útil no trabalho com CSS, para acertar as cores de uma marca ou para levar ao código um valor vindo da ferramenta de design.
Quais formatos são suportados?
Converta cores instantaneamente entre as notações HEX, RGB e HSL. É um auxiliar rápido para web design e CSS, para combinar cores de marca ou para traduzir um valor de uma ferramenta de design para o formato que seu código precisa.
Como usar o conversor de cores
- Escolha uma cor ou digite um valor — selecione a cor no seletor ou digite os valores HEX, RGB ou HSL diretamente.
- Conversão automática — os valores nos outros formatos são atualizados na hora.
- Copie — use o botão “Copiar” ao lado do formato desejado para levar o valor.
Qual é a diferença entre HEX, RGB e HSL?
O HEX (por exemplo, #1a73e8) é um código compacto de seis dígitos comum no CSS. O RGB descreve uma cor por seus canais de vermelho, verde e azul (0–255). O HSL usa matiz (Hue), saturação e luminosidade, o que facilita ajustar uma cor manualmente.
Como se lê um código HEX?
O HEX tem o formato #RRGGBB, em que vermelho, verde e azul são representados por dois dígitos hexadecimais cada (00–FF, ou 0–255). Por exemplo, #FF0000 é vermelho e #00FF00 é verde. Também existe a forma abreviada de três dígitos (#RGB), equivalente a repetir cada dígito duas vezes.
Quando é melhor usar o HSL?
É intuitivo quando você quer mudar o tom girando apenas o matiz (Hue), ou criar variações mais claras e escuras da mesma cor ajustando só a saturação e a luminosidade. É especialmente prático para ajustar cores manualmente ou montar paletas.
Para onde vão os valores de cor que eu digito?
Para lugar nenhum. Todas as conversões acontecem apenas dentro do seu navegador, então os valores não são enviados a nenhum servidor e a ferramenta funciona até offline.