Conversor de Cores
Converta entre HEX, RGB e HSL instantaneamente, nos dois sentidos.
Propriedades CSS utilizadas
HEXNotação hexadecimal de 6 dígitos representando vermelho, verde e azul em pares de 0 a FF (0-255).
RGB / HSLRGB descreve a cor por quantidade de luz vermelha, verde e azul; HSL descreve pela roda de matiz (0-360°), saturação e luminosidade — mais intuitivo para criar variações de uma mesma cor.
Perguntas frequentes
Os três são equivalentes visualmente; HSL costuma ser mais prático para criar variações programáticas (mais claro/escuro) mudando apenas a luminosidade.
Sim — alterar qualquer um dos formatos atualiza os outros dois e a pré-visualização automaticamente.
Esta ferramenta foca em cores opacas; para alpha, adicione um quarto valor (rgba/hsla) ou os dois dígitos extras no HEX de 8 dígitos.
Ferramentas relacionadas
Gerador de Paleta de Cores
Gere paletas harmônicas — complementar, análoga, tríade — a partir de uma cor base.
Gerador de Variáveis CSS
Monte um design token de cores em custom properties (--var) prontas para :root.
Gerador de Gradientes
Gradientes lineares, radiais e cônicos com múltiplos stops de cor.