Conversor de Cores

Conversor de Cores - Converta Entre Formatos de Cores

Um poderoso conversor de cores que converte entre formatos HEX, RGB, HSL e CMYK. Apresenta seletor de cores com visualização ao vivo, copiar cores para área de transferência e detecção de brilho de cor. Perfeito para desenvolvedores web, designers e qualquer pessoa trabalhando com cores.

Quais são os diferentes formatos de cores?

Formatos de cores comuns:

HEX (Hexadecimal):
- Formato: #RRGGBB ou #RGB
- Exemplo: #FF5733, #F57
- Usado em: HTML, CSS, ferramentas de design
- Intervalo: 00-FF por canal (0-255)

RGB (Vermelho, Verde, Azul):
- Formato: rgb(R, G, B)
- Exemplo: rgb(255, 87, 51)
- Usado em: CSS, programação, displays digitais
- Intervalo: 0-255 por canal

HSL (Matiz, Saturação, Luminosidade):
- Formato: hsl(H, S%, L%)
- Exemplo: hsl(9, 100%, 60%)
- Usado em: CSS, manipulação de cores
- Matiz: 0-360°, Saturação: 0-100%, Luminosidade: 0-100%

CMYK (Ciano, Magenta, Amarelo, Preto):
- Formato: cmyk(C%, M%, Y%, K%)
- Exemplo: cmyk(0%, 66%, 80%, 0%)
- Usado em: Impressão, design gráfico
- Intervalo: 0-100% por canal

Quando devo usar cada formato de cor?

Escolha o formato baseado no contexto:

HEX:
- Melhor para: Desenvolvimento web, CSS
- Representação compacta
- Fácil de ler e lembrar
- Padrão em HTML/CSS
- Exemplo de uso: background-color: #FF5733;

RGB:
- Melhor para: Programação, manipulação JavaScript
- Fácil de manipular canais individuais
- Bom para opacidade (rgba com alpha)
- Intuitivo para displays digitais
- Exemplo de uso: manipulação de cores, canvas

HSL:
- Melhor para: Variações de cores, temas
- Fácil de ajustar brilho/saturação
- Representação intuitiva da roda de cores
- Ótimo para gerar esquemas de cores
- Exemplo de uso: Criar versões mais claras/escuras

CMYK:
- Melhor para: Design de impressão
- Requerido por impressoras
- Diferente de cores de tela
- Não para web (navegadores usam RGB)
- Exemplo de uso: Preparar arquivos para impressão profissional

Como usar o seletor de cores?

Usando o seletor de cores:

1. Clique no seletor de cores
2. Selecione sua cor desejada da paleta
3. A ferramenta automaticamente:
- Atualiza todos os campos de formato de cor (HEX, RGB, HSL, CMYK)
- Mostra visualização ao vivo da cor
- Calcula o brilho da cor
- Determina se a cor é clara ou escura

4. Você também pode:
- Digitar código HEX diretamente (#FF5733)
- Inserir valores RGB (R, G, B)
- Ajustar valores HSL (Matiz, Saturação, Luminosidade)
- Copiar qualquer formato para área de transferência

Alterar qualquer campo atualiza todos os outros formatos automaticamente.

O que é brilho da cor?

O brilho da cor (também chamado de luminância) mede quão clara ou escura uma cor aparece:

Cálculo:
- Usa fórmula de luminância percebida
- Ponderado pela sensibilidade do olho humano
- Fórmula: 0.299*R + 0.587*G + 0.114*B
- Resultado: 0-255 (0 = preto, 255 = branco)

Por que importa:
- Determina cor do texto (branco em escuro, preto em claro)
- Acessibilidade (requisitos de contraste WCAG)
- Decisões de design de UI
- Geração de esquema de cores

Cores claras (brilho > 128):
- Use texto escuro para legibilidade
- Adequado para fundos
- Maior brilho percebido

Cores escuras (brilho ≤ 128):
- Use texto claro para legibilidade
- Bom para ênfase
- Menor brilho percebido

Esta ferramenta detecta e mostra automaticamente se uma cor é clara ou escura.

Posso converter CMYK para RGB com precisão?

A conversão de CMYK para RGB tem limitações:

Importante saber:
- CMYK é subtrativo (tinta no papel)
- RGB é aditivo (luz na tela)
- Os espaços de cor são diferentes
- A conversão é aproximada, não exata
- As cores podem parecer diferentes quando impressas

Fórmula de conversão:
- R = 255 × (1-C) × (1-K)
- G = 255 × (1-M) × (1-K)
- B = 255 × (1-Y) × (1-K)

Limitações:
- Algumas cores CMYK não podem ser exibidas na tela
- Algumas cores RGB não podem ser impressas
- A conversão perde algumas informações
- Impressão profissional precisa de perfis de cor

Melhores práticas:
- Para impressão: trabalhe em CMYK desde o início
- Para web: sempre use RGB/HEX
- Para ambos: consulte um profissional
- Teste impressão antes da produção final

Esta ferramenta fornece conversão matemática, útil para valores aproximados mas não para impressão profissional.

Recursos Principais

• Converter entre HEX, RGB, HSL e CMYK
• Seletor de cores interativo
• Visualização ao vivo da cor
• Copiar qualquer formato de cor para área de transferência
• Detecção de brilho (claro/escuro)
• Suporte para formatos HEX #RGB e #RRGGBB
• Conversão em tempo real enquanto digita
• Calculadora de brilho de cor
• 100% processamento no lado do cliente
• Sem comunicação com servidor
• Funciona offline
• Suporte para modo escuro
• Interface amigável para dispositivos móveis