HEX, RGB e HSL
HEX representa a cor em base 16, como #0669BF, combinando os três canais (vermelho, verde e azul) em um único código — o formato mais comum em CSS e design de interfaces. RGB descreve os mesmos três canais como números de 0 a 255. HSL descreve a cor de um jeito mais intuitivo: matiz (a cor em si, de 0° a 360° na roda de cores), saturação (intensidade, de 0% a 100%) e luminosidade (de preto a branco).
Todos os formatos são válidos em CSS
Você pode usar diretamente qualquer um dos três valores gerados — #0669BF, rgb(6, 105, 191) ou hsl(205, 94%, 39%) — em qualquer propriedade CSS que aceite cor, como color, background-color ou border-color.
Perguntas frequentes
Quais formatos de cor essa ferramenta converte?
HEX (ex: #0669BF), RGB (valores de vermelho, verde e azul de 0 a 255) e HSL (matiz, saturação e luminosidade). Também é possível escolher a cor visualmente pelo seletor.
Os valores de cor digitados são enviados para algum servidor?
Não. Toda a conversão acontece localmente no navegador, sem enviar nenhum valor para fora do seu dispositivo.
Qual a diferença entre RGB e HSL?
RGB descreve a cor pela quantidade de vermelho, verde e azul misturados. HSL descreve a mesma cor de um jeito mais próximo da percepção humana: matiz (a cor em si, de 0 a 360 graus), saturação (intensidade) e luminosidade (quão clara ou escura ela é).
Posso usar o resultado direto no CSS?
Sim. Os três formatos — HEX, rgb() e hsl() — são valores de cor válidos em CSS e podem ser colados diretamente em qualquer propriedade que aceite cor.
