Design & Front-end

Converta cores e monte paletas prontas para interfaces

Transforme rapidamente valores de cor, copie formatos compatíveis com CSS e descubra combinações que respeitam contraste e identidade visual.

  • Transforme HEX, RGB, HSL e CMYK instantaneamente ao editar qualquer canal.
  • Visualize a cor atual e copie valores formatados para design systems ou CSS.
  • Receba sugestões de paletas complementares e análogas para UI/UX.
Comecar agoraFale conosco

Conversor de cores HEX/RGB

Insira um HEX ou ajuste os canais RGB para converter instantaneamente entre diferentes modelos de cor, copiar valores e gerar uma paleta complementar.

r47
0255
g128
0255
b237
0255

Visualização

HSL:

CMYK:

Sugestões de paleta

Ideal para buttons, backgrounds e estados de interface.

Cor complementar

Contraste forte para CTA e botões.

#ED9B31

Análoga 1

Combinações suaves para gradientes.

#31E0ED

Análoga 2

Boa para fundos e cartões.

#3D31ED

Tom mais claro

Hover states ou superfícies.

#77ADF3

Tom mais escuro

Tipografia sobre fundos claros.

#115DC0

Checklist rápido de design

  • - Teste contraste no layout final para garantir acessibilidade.
  • - Use a cor complementar em CTAs para chamar atenção.
  • - Combine tons análogos em gradientes e fundos suaves.
  • - Salve os valores no design system para manter consistência.

Ferramentas Relacionadas

Explore outras ferramentas que podem ser úteis:

Gerador de Paleta de Cores - Combinações Harmônicas
Gere paletas de cores harmônicas. Complementares, análogas, tríades. Copie códigos HEX, RGB e HSL para design.
Gerador de Paleta de Cores — Análogas, Complementares e Tríade
Gere paletas de cores harmônicas para design: análogas, complementares, tríade e monocromáticas. Grátis.
Conversor Base64
Converta strings e arquivos para Base64, decode conteúdos e baixe o resultado sem enviar nada para servidores externos.

Ferramentas relacionadas

Explore outras ferramentas do Toolspace que ajudam a resolver fluxos semelhantes.

Gerador de Paleta de Cores - Combinações Harmônicas
Paletas de cores harmônicas.

Gere paletas de cores harmônicas. Complementares, análogas, tríades. Copie códigos HEX, RGB e HSL para design.

Usar Gerador de Paleta de Cores - Combinações Harmônicas
Gerador de Paleta de Cores — Análogas, Complementares e Tríade
Paletas de cores harmônicas.

Gere paletas de cores harmônicas para design: análogas, complementares, tríade e monocromáticas. Grátis.

Usar Gerador de Paleta de Cores — Análogas, Complementares e Tríade
Conversor Base64
Transforme texto e arquivos em Base64 e vice-versa.

Converta strings e arquivos para Base64, decode conteúdos e baixe o resultado sem enviar nada para servidores externos.

Usar Conversor Base64

Leituras recomendadas no blog

Artigos que aprofundam o mesmo tema desta ferramenta.

Perguntas frequentes

Sobre Conversor de Cores

Converta cores entre formatos HEX, RGB, HSL e CMYK.

Ferramenta essencial para designers e desenvolvedores.

Como funciona

  1. Insira cor em qualquer formato suportado.
  2. Sistema converte automaticamente para outros formatos.
  3. Copie resultado no formato desejado.

Dicas de uso

  • Use HEX para CSS e HTML.
  • RGB é padrão para telas digitais.
  • CMYK é usado para impressão profissional.

Curiosidades

  • HEX é notação hexadecimal de cores RGB.
  • HSL facilita ajustes de luminosidade e saturação.

Glossário

DPI
Pontos por polegada que influenciam a nitidez na impressão.
Compressão
Técnica que reduz tamanho de arquivo controlando a qualidade.

Privacidade

Conversões feitas localmente.

Nenhum dado de cor enviado para servidores.