Conversor de cores

Sobre esta ferramenta

Um conversor de cores pega um valor de cor e mostra em todos os outros formatos comuns de uma vez. Digite ou cole um código HEX, um valor rgb()/rgba() ou hsl()/hsla(), e a ferramenta identifica o formato automaticamente e lista as strings equivalentes em HEX, RGB, HSL, HSV e CMYK. Uma amostra grande mostra a cor, com um fundo quadriculado quando a cor tem transparência. Também dá para escolher uma cor pelo seletor nativo do navegador, que fica sincronizado com o campo de texto.

Tudo roda no seu navegador. A cor que você digita ou escolhe nunca sai da sua máquina, então dá para converter cores de marca de um design system interno ou do guia de estilo de um cliente sem colar nada em um site de terceiros.

Use para transformar o código HEX de um designer nos valores RGB ou HSL que um arquivo CSS precisa, conferir como uma cor fica com opacidade parcial, ou obter as porcentagens CMYK para impressão a partir de uma cor escolhida na tela. Veja a referência do tipo <color> do MDN para a lista completa de notações de cor do CSS.