Converta cores entre HEX, RGB, HSL, HSV, CMYK e outros formatos, veja preview ao vivo, copie CSS pronto e compare contraste entre cores.
Tailwind: violet-600
#7c3aed#7c3aedffrgb(124, 58, 237)rgba(124, 58, 237, 1)hsl(262, 83%, 58%)hsla(262, 83%, 58%, 1)hsv(262, 76%, 93%)cmyk(48%, 76%, 0%, 7%)5.7:1
Razão de contraste
Complementar
Análogas
Triádica
Nenhum favorito
🔒 Processamento 100% local. Nenhum dado é enviado ao servidor.
Extrair cores de imagem →Esta ferramenta converte cores automaticamente entre os formatos mais usados em CSS, design, frontend e branding. Basta inserir uma cor em qualquer formato e todos os equivalentes aparecem instantaneamente.
Além da conversão pura, você pode comparar contraste entre cores, gerar escalas de tonalidade estilo Tailwind, encontrar cores complementares, análogas e triádicas, e copiar o código CSS pronto para uso.
HEX é o formato mais comum em CSS e design. RGB é nativo dos monitores e útil para manipulação programática. HSL facilita ajustes intuitivos de tonalidade, saturação e luminosidade. HSV é usado em softwares de edição como Photoshop. CMYK é voltado para impressão.
A ferramenta converte entre todos esses formatos e também mostra o nome CSS mais próximo e a classe Tailwind aproximada quando disponível.
A seção de contraste permite verificar se a combinação de cor de texto com cor de fundo atende critérios de legibilidade. O cálculo segue a fórmula de luminância relativa usada nas diretrizes WCAG.
A ferramenta sugere automaticamente se você deve usar texto claro ou escuro sobre a cor escolhida, facilitando decisões de UI e acessibilidade.
Toda a conversão acontece localmente no navegador. Nenhuma cor, dado ou imagem é enviado para servidor. Você pode usar a ferramenta offline após carregar a página.
HEX é uma representação hexadecimal de cor usada em CSS e design. Começa com # seguido de 6 caracteres (ou 3 abreviados). Exemplo: #7c3aed representa um roxo vibrante.
RGB define cor por vermelho, verde e azul (modelo de tela). HSL define por tonalidade, saturação e luminosidade, sendo mais intuitivo para ajustes visuais.
Sim. Cada formato tem botão de copiar individual. Você também pode copiar como variável CSS ou copiar todos os formatos de uma vez.
Sim. A interface é totalmente responsiva e funciona em qualquer dispositivo com navegador moderno.
Não. Todo o processamento é local no navegador. Nenhum dado sai do seu dispositivo.
Não. A conversão de RGB para CMYK é uma aproximação matemática. Para resultados exatos de impressão, consulte o perfil ICC do equipamento.
Use a seção de contraste da ferramenta. Ela calcula a razão de contraste e indica se a combinação atende os critérios WCAG para legibilidade.
Links úteis para continuar tarefas parecidas sem voltar para a busca.
Extrator de Cores de Imagem
Extraia cores de qualquer imagem direto no navegador, gere paletas, copie variáveis CSS e crie temas para seus projetos — tudo localmente.
Gerador Visual de CSS
Crie gradientes, sombras, bordas, border-radius, glassmorphism, filtros e animações com sliders e copie o CSS pronto.
Conversor de Imagem e PDF
Converta mais de 20 formatos de imagem e PDF no navegador, grátis, sem cadastro, sem login e com download imediato.
As ferramentas desta página rodam no navegador e não enviam o conteúdo digitado para backend. Isso melhora privacidade, reduz latência e ajuda na experiência mobile.