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.
47
128
237

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 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.

Abrir ferramenta
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.

Abrir ferramenta
Conversor de estruturas JSON/CSV
Converta JSON e CSV com regras customizáveis.

Transforme JSON em CSV, normalize arrays, compare estruturas e gere documentação automaticamente.

Abrir 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.