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.
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.
Simule empréstimo com tabela de amortização mensal. Descubra juros, parcelas e quanto vai pagar no total.
Abrir ferramentaCalcule sua IRPF 2024 com deduções: dependentes, educação, saúde, previdência. Resultado real em segundos.
Abrir ferramentaCalcule o rendimento de poupança, CDB, Tesouro Direto e ações. Simulador de investimento com retorno realista.
Abrir ferramentaPerguntas frequentes
Sobre Conversor de Cores
Converta cores entre formatos HEX, RGB, HSL e CMYK.
Ferramenta essencial para designers e desenvolvedores.
Como funciona
- Insira cor em qualquer formato suportado.
- Sistema converte automaticamente para outros formatos.
- 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.