ToolVault

Conversor de cores

Converta qualquer cor entre HEX, RGB, HSL e CMYK com pré-visualização ao vivo e paleta harmônica instantânea.

Insira uma cor (HEX, 3/6/8 dígitos)

Passe o cursor para ver a cor exata e clique para fixá-la

HEX#2563eb
RGBrgb(37, 99, 235)
HSLhsl(221, 83%, 53%)
CMYKcmyk(84%, 58%, 0%, 8%)

Paleta harmoniosa

Como usar Conversor de cores

  1. Insira uma cor em qualquer formato — digite um código hexadecimal, ajuste os controles RGB ou cole um valor HSL.
  2. Acompanhe a amostra de prévia em tempo real e copie qualquer um dos quatro formatos com um clique.
  3. Clique em Gerar paleta para criar conjuntos de cores harmoniosos (complementares, análogos e triádicos) a partir da sua cor.

Sobre esta ferramenta

Cada tela, editor e sistema de design fala uma linguagem de cor um pouco diferente: CSS pede HEX ou HSL, a mistura no Photoshop sugere CMYK e bibliotecas preferem rgb(). Este conversor é bidirecional — você pode inserir qualquer um dos formatos — e mostra os quatro simultaneamente com uma amostra em tempo real, para confirmar que a cor corresponde à sua marca antes de copiar. O gerador de paletas cria conjuntos complementares, análogos e triádicos com as rotações corretas de matiz, como os designers fazem para montar em segundos um esquema de cinco amostras a partir de uma única cor de marca. Ele foi feito para ser instantâneo: sem recarregar a página, sem análise de uso e sem espera. A prévia grande, prática para usar com um conta-gotas, facilita a comparação entre os temas claro e escuro.

Perguntas frequentes

Os valores CMYK são precisos para impressão?

Os valores CMYK são derivados matematicamente do RGB, o que atende a documentos e estimativas rápidas. Para provas finais de impressão, o gerenciamento de cores deve ser feito em uma ferramenta compatível com ICC.

Há suporte a hexadecimal de 8 dígitos com alfa?

Sim. A entrada hexadecimal aceita formatos de 3, 6 e 8 dígitos e normaliza o alfa quando o formato de destino oferece suporte.

Quais tipos de paleta são gerados?

Complementares (opostos no círculo cromático), análogos (matizes adjacentes) e triádicos (três matizes igualmente espaçados), cada um com variações ajustáveis de luminosidade.

Esta ferramenta foi útil?