Formatos de Cor CSS

Veja uma cor em todos os formatos CSS: hex, rgb(), hsl() e hwb().

Cor base

Valor hex

Clique em qualquer valor para copiá-lo.

Sobre esta ferramenta

Escolha uma cor e veja instantaneamente suas formas hex, rgb(), hsl() e hwb(), convertidas inteiramente no seu navegador.

Como os formatos são calculados?

O valor hex é convertido para RGB e, em seguida, para HSL e HWB usando fórmulas padrão de espaço de cor, tudo no seu navegador.

Como copio um valor?

Clique em qualquer um dos blocos de formato e esse valor CSS é copiado para a sua área de transferência.