Conversor de cores
Digite uma cor em qualquer formato e veja todos os outros formatos de uma vez, prontos para copiar.
Lacrado neste dispositivo
Funciona no seu navegador. Nada é enviado.
Lacrado
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH, CMYK ou um nome de cor CSS, como “tomato”.
Todos os formatos
Edite qualquer linha: as outras acompanham.
Prévia
- Contraste no branco
- Contraste no preto
- Nome CSS mais próximo
Esta cor está fora da faixa que as telas conseguem exibir (sRGB). Os valores abaixo usam a cor mais próxima que uma tela consegue mostrar.
O CMYK é uma conversão simples, sem perfil de impressão. Peça os valores exatos à sua gráfica.
Como funciona
-
Informe uma cor
Cole um código de cor em qualquer formato, digite um nome CSS ou escolha uma cor pela amostra.
-
Veja todos os formatos
HEX, RGB, HSL, HWB, LAB, LCH, OKLCH e CMYK são atualizados na hora. Você também pode editar qualquer linha.
-
Copie o que precisar
Copie um único valor pelo botão dele, ou copie todos os formatos de uma vez para suas anotações ou seu guia de estilo.
Perguntas frequentes
Como converter HEX para RGB?
Digite ou cole o código HEX, com ou sem o #, e o valor RGB aparece na hora. Cada par de dígitos HEX é um canal: vermelho, verde e azul de 00 a FF, o que equivale a 0 a 255 em RGB.
O que é OKLCH e por que usar?
O OKLCH descreve uma cor pela luminosidade, pelo croma (intensidade) e pela matiz, de um jeito que corresponde à forma como as pessoas percebem as cores. Mudar só a luminosidade mantém a mesma matiz aparente, o que o torna ótimo para criar tons e design systems. Os navegadores modernos já o suportam em CSS.
O valor CMYK está pronto para impressão?
É uma conversão matemática sem perfil de impressão ICC, então é um bom ponto de partida, mas não um valor pronto para a gráfica. As gráficas usam perfis que dependem do papel e da impressora. Para valores exatos, consulte sua gráfica ou use o perfil dela no seu software de design.
Por que minha cor aparece como ajustada?
Formatos como OKLCH, LAB e LCH podem descrever cores mais vivas do que uma tela padrão (sRGB) consegue mostrar. O conversor leva essas cores para a cor exibível mais próxima, mantendo a matiz, para que o HEX e o RGB continuem válidos.
Funciona com transparência?
Sim. Cores com valor alfa, como #3442d980 ou rgb(52 66 217 / 0.5), mantêm a transparência em todos os formatos que a suportam. O CMYK não tem transparência, então mostra a cor sólida.
Meus dados são enviados para algum lugar?
Não. Todas as conversões acontecem no seu navegador. Nada do que você digita é enviado ou armazenado.