Dev Tools
Conversor de Cores HEX, RGB, HSL e OKLCH
Converta formatos de cor usados em CSS moderno com atualização instantânea. Selecione uma cor em qualquer bloco para recalcular todos os outros formatos.
Formatos de cor
Quando usar cada formato de cor
HEX é prático para tokens, documentação visual e valores compactos em CSS. RGB funciona bem quando você precisa manipular canais individuais ou aplicar transparência com rgb moderno. HSL facilita ajustes manuais de matiz, saturação e luminosidade, sendo útil para gerar variações compreensíveis por humanos.
CMYK aparece mais em materiais de impressão e ajuda na ponte entre identidade visual digital e peças gráficas. OKLCH é indicado para interfaces modernas porque aproxima melhor a percepção humana de luminosidade e croma, tornando escalas de cor mais consistentes em temas claros, escuros e design systems.
Como usar Conversor de Cores HEX, RGB, HSL e OKLCH
Converta HEX, RGB, HSL, CMYK e OKLCH em tempo real com preview e cópia rápida. Use a ferramenta diretamente no navegador, ajuste os campos principais, confira o resultado visual e copie ou baixe o material final quando estiver pronto.
Quando usar
Use este recurso quando precisar acelerar uma decisão de desenvolvimento web sem abrir softwares pesados ou montar scripts manuais para tarefas repetitivas.
Antes de aplicar
Teste o resultado em mais de um tamanho de tela, mantenha contraste legível e salve os valores finais em seu projeto para preservar consistência entre páginas, componentes e materiais.
Fluxo recomendado
Comece com uma configuração simples, refine visualmente, valide o resultado e depois combine esta ferramenta com recursos relacionados para fechar o acabamento do projeto.