Sobre esta ferramenta
Escolha uma cor ou digite um valor HEX e veja instantaneamente seus equivalentes em RGB e HSL com uma amostra ao vivo. Clique em qualquer valor para copiá-lo. Ótimo para CSS, design systems e combinação de cores de marca.
Perguntas frequentes
O que é HSL?
HSL descreve uma cor por Matiz (0–360°), Saturação e Luminosidade. Costuma ser mais intuitivo que o HEX para ajustar tonalidades.
Ele suporta hex de 3 dígitos?
Sim. Formas abreviadas como #f80 são expandidas automaticamente para o formato de 6 dígitos.