Conversor de Cores HEX, RGB, HSL, HSV e CMYK Online

Converta cores entre HEX, RGB, HSL, HSV, CMYK e outros formatos, veja preview ao vivo, copie CSS pronto e compare contraste entre cores.

Use a ferramenta

Preview

#7c3aed

Tailwind: violet-600

Formatos

HEX#7c3aed
HEX8#7c3aedff
RGBrgb(124, 58, 237)
RGBArgba(124, 58, 237, 1)
HSLhsl(262, 83%, 58%)
HSLAhsla(262, 83%, 58%, 1)
HSVhsv(262, 76%, 93%)
CMYKcmyk(48%, 76%, 0%, 7%)

Contraste

5.7:1

Razão de contraste

WCAG AA
Texto de exemplo

Escala de tonalidades

Paletas

Complementar

Análogas

Triádica

Favoritos

Nenhum favorito

🔒 Processamento 100% local. Nenhum dado é enviado ao servidor.

Extrair cores de imagem →

Guia rápido e contexto de uso

Conversor de cores com preview e múltiplos formatos

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.

Formatos suportados e quando usar cada um

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.

  • HEX: #7c3aed — formato padrão em CSS e design tools.
  • RGB: rgb(124, 58, 237) — modelo nativo de telas digitais.
  • HSL: hsl(262, 83%, 58%) — ideal para ajustar tonalidade e saturação.
  • HSV: hsv(262, 75%, 93%) — usado em softwares de edição de imagem.
  • CMYK: cmyk(47%, 75%, 0%, 7%) — aproximação para impressão.

Contraste e acessibilidade

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.

Privacidade e processamento local

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.

Perguntas frequentes

O que é uma cor HEX?

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.

Qual a diferença entre RGB e HSL?

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.

Posso copiar a cor em CSS?

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.

A ferramenta funciona no celular?

Sim. A interface é totalmente responsiva e funciona em qualquer dispositivo com navegador moderno.

A cor é enviada para algum servidor?

Não. Todo o processamento é local no navegador. Nenhum dado sai do seu dispositivo.

O CMYK gerado é exato?

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.

Como escolher uma cor de texto com bom contraste?

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.

Privacidade e processamento local

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.

Conversor HEX, RGB, HSL Online | Converter Cores CSS | Tools Lucasqc