Conversor de Cores

Converter cor

Informe HEX, RGB ou HSL para ver as outras notações e copiar um trecho CSS.

Cor

Processado localmente no seu navegador. Seus dados não são enviados para nossos servidores.

Essa ferramenta foi útil?

Informe a cor em HEX, rgb() ou hsl().
Clique em Converter.
Copie HEX ou o snippet CSS.

Converte HEX (3 ou 6 dígitos), RGB e HSL no navegador e monta `--cor: #...;`.

Digite uma cor e veja as outras notações, com amostra bordada. Não extrai paleta de imagem — para isso use o Extrator de Cores.

Qual a diferença para o Extrator de Cores?

O extrator parte de uma imagem. Este conversor recebe um valor digitado (HEX, RGB ou HSL) e devolve as outras notações, sem upload.

fff e #FFFFFF são a mesma cor?

Sim. HEX de 3 dígitos é expandido (cada canal repetido), com ou sem o # no início.

O conversor gera paleta da imagem?

Não. Ele só converte a cor informada. Para paleta dominante, use o Extrator de Cores de Imagem.