Qual formato de cor devo usar?

HEX é o mais comum e conciso para a web. RGB é ótimo para cores com transparência (RGBA). HSL é o mais intuitivo para humanos, ideal para criar variações de uma cor (mais claro, mais escuro, etc.).

Conversor de Cores (HEX, RGB, HSL)

Converta cores facilmente entre os formatos HEX, RGB e HSL com um seletor de cores visual e feedback em tempo real. Ferramenta essencial para designers e desenvolvedores.

Clique na cor para mudar

HEX

RGB (Red, Green, Blue)

HSL (Hue, Saturation, Lightness)

Entendendo os Formatos de Cor da Web

HEX, RGB e HSL são três maneiras de representar cores em design digital. Embora possam descrever a mesma cor, cada formato tem seus próprios pontos fortes.

Formatos Explicados

HEX (Hexadecimal): O formato mais comum na web. É uma representação de 6 dígitos do código de cor RGB, precedido por um #. Cada par de dígitos representa a intensidade de Vermelho, Verde e Azul (ex: #0D6EFD). É conciso e fácil de copiar e colar.
RGB (Red, Green, Blue): Representa as cores pela intensidade de luz vermelha, verde e azul. Cada valor varia de 0 a 255. Uma quarta variável opcional, "alpha" (RGBA), controla a transparência (0 = transparente, 1 = opaco). É mais intuitivo para entender a mistura de cores.
HSL (Hue, Saturation, Lightness): É o formato mais intuitivo para humanos. Hue é o matiz da cor no círculo cromático (0-360), Saturation é a intensidade/pureza da cor (0-100%), e Lightness é o quão claro ou escuro é (0-100%). É extremamente útil para criar variações de uma cor (ex: clarear ou escurecer um tom para estados de hover de um botão).