Converta entre os três formatos de cores mais usados na web.
01 / Ferramenta
Edite qualquer campo — HEX, RGB ou HSL — e os outros se atualizam automaticamente.
HEX
#FF5733
RGB
rgb(255, 87, 51)
HSL
hsl(11°, 100%, 60%)
Cores de exemplo
02 / Conceitos
Entenda como cada formato representa uma cor e quando usar cada um.
Red, Green, Blue — três canais de luz, cada um variando de 0 a 255. É como monitores e telas armazenam cores: misturando luz vermelha, verde e azul. O valor rgb(255, 0, 0) é vermelho puro, enquanto rgb(0, 0, 0) é preto (sem luz) e rgb(255, 255, 255) é branco (luz total).
Representação hexadecimal dos canais RGB. Cada canal (0–255) é convertido em dois dígitos na base 16 (0–9, A–F). O formato #RRGGBB é amplamente usado em CSS e design. Por exemplo, #FF5733 equivale a R=255, G=87, B=51.
Hue (matiz 0–360°), Saturation (saturação 0–100%) e Lightness (luminosidade 0–100%). Mais intuitivo para humanos: o matiz determina a cor base no espectro (0°=vermelho, 120°=verde, 240°=azul), a saturação define a vivacidade e a luminosidade vai do preto ao branco.