Uma cor, todos os formatos

Recursos e usos

Converta cores entre HEX, RGB e HSL. Selecione uma cor visualmente, cole um valor ou ajuste vermelho, verde, azul e opacidade. Copie cada formato separadamente ou baixe uma referência de cor em PNG.

HEX representa os canais de cor com números hexadecimais. RGB usa os canais vermelho, verde e azul; HSL usa matiz, saturação e luminosidade. Alfa indica a opacidade: 0 é transparente e 1 é opaco. O valor alfa é mantido quando você altera a cor pelo seletor.

Formatos, opções e limites

Os campos de cor aceitam HEX de 3, 4, 6 ou 8 dígitos, com ou sem o sinal #, e as notações RGB/RGBA e HSL/HSLA. Os valores alfa controlam a transparência. Use o seletor visual para alterações rápidas ou digite um valor para um controle preciso.

• Ajuste os canais vermelho, verde e azul de 0–255 e a opacidade de 0–100%. Copie HEX, RGB ou HSL separadamente, ou copie os três valores juntos. O conta-gotas da tela aparece quando o navegador oferece suporte; o seletor de cores comum também está disponível.
• Baixe uma referência PNG de 1200 × 630 px mostrando a cor e seus valores HEX, RGB e HSL. A prévia quadriculada deixa a transparência visível. Use os valores em CSS, aplicativos de design ou especificações de cores compartilhadas; esta ferramenta converte cores sRGB, não CMYK nem cores especiais de impressão.

Trabalhe sem conta: textos e fotos são processados no navegador. Salve um projeto neste dispositivo ou baixe um backup para reabrir depois.

Bom saber

Aceita HEX de 3, 4, 6 ou 8 dígitos e funções RGB/HSL, incluindo alfa. Os canais RGB vão de 0 a 255; saturação, luminosidade e opacidade usam porcentagens. Os valores representam cores sRGB.