Cores: HEX ⇄ RGB ⇄ HSL

Converta e selecione cores em HEX, RGB e HSL com alfa. Preview com quadriculado para transparência.

HEX (#RRGGBB ou #RRGGBBAA)

Alpha (%)

R (0–255)

G (0–255)

B (0–255)

H (0–360)

S (%)

L (%)

rgb()/rgba()

hsl()/hsla()

Formato “CSS atual” mostrado na última pílula.

Como funciona

Você pode digitar valores em qualquer campo (HEX, RGB, HSL, strings) ou usar o seletor/pipeta. Tudo atualiza os demais formatos automaticamente. O alfa vai em 0–100% e é refletido em todos os formatos.

O HEX aceita #RGB, #RGBA, #RRGGBB e #RRGGBBAA. rgb()/rgba() e hsl()/hsla() aceitam vírgulas ou espaço, e alfa em 0–1 ou %.

Privacidade: 100% local no navegador.