Converta instantaneamente entre diferentes formatos de cores incluindo HEX, RGB, HSL, HWB, LCH, CMYK e nomes de cores. Conversão em tempo real com seletor de cores avançado e suporte de pré-visualização.
Features
- Suporte a 8 Formatos de Cores: Converta entre HEX (#RRGGBB), RGB (vermelho, verde, azul), HSL (matiz, saturação, luminosidade), HSV, CMYK (cores de impressão), LAB, XYZ e Cores Nomeadas. Cada formato adequado para diferentes casos de uso: web design, impressão, gráficos e ciência das cores.
- Conversão de Cores em Tempo Real: Conversão instantâneoâneoâneoâneoâneoânea em todos os formatos de cores enquanto você digita, escolhe ou cola valores. Exibe simultaneamente valores HEX, RGB, HSL, HSV, CMYK com amostra de pré-visualização de cores ao vivo, facilitando ver a representação exata da cor em todos os formatos.
- Seletor de Cores Visual: Seletor de cores interativo com controles deslizantes de matiz/saturação/luminosidade, ferramenta conta-gotas para selecionar cores da tela e paletas de cores predefinidas. Ajuste fino de cores visualmente e veja todos os valores de formato atualizarem em tempo real.
- Cópia Rápida de Formato: Cópia com um clique para cada formato de cor com sintaxe adequada para CSS, ferramentas de design e programação. Copie como HEX para web (#FFFFFF), RGB para JavaScript (rgb(255,255,255)) ou CMYK para impressão (0%,0%,0%,0%).
Usage Guide
- Selecionar Cor: Use o seletor de cores ou insira um valor de cor
- Ver Formatos: Todos os formatos de cores serão exibidos automaticamente
- Copiar Resultado: Clique no botão copiar para copiar qualquer formato
Technical Details
Modelos e Espaços de Cores
A conversão de cores transforma entre diferentes modelos: RGB (cor aditiva para telas, 0-255 por canal), HSL (Matiz 0-360°, Saturação/Luminosidade 0-100%), HSV/HSB (modelo cilíndrico alternativo), CMYK (cor subtrativa para impressão), HWB (modelo de mistura intuitivo), LAB (L* luminosidade, a* verde-vermelho, b* azul-amarelo espaço independente de dispositivo). Cada modelo otimizado para casos de uso específicos.
Análise e Validação de Formato
A ferramenta analisa diversos formatos de entrada de cores através de extração e validação baseada em regex. Sintaxes suportadas incluem: HEX com hash opcional (#RGB, #RRGGBB, #RRGGBBAA), notação funcional CSS (rgb(), rgba(), hsl(), hsla(), hwb(), lab(), lch()), formatos legados (rgb(255 255 255), hsl(180deg 50% 50%)), CSS Color Level 4 (rgb(100% 50% 0), oklch(), oklab()) e cores nomeadas (palavras-chave CSS insensíveis a maiúsculas).
Harmonia de Cores e Acessibilidade
A ferramenta gera esquemas de cores baseados na teoria: complementares (180°), análogas (±30°), triádicas (120°), tetrádicas (90°), complementares divididas e monocromáticas. Implementa verificação acessibilidade WCAG: calcula taxas de contraste usando fórmula luminância relativa, valida contra níveis WCAG 2.1 (AA requer 4.5:1 texto normal, 3:1 texto grande). Suporta simulação daltonismo e exportação paletas.
Frequently Asked Questions
- Para que serve esta ferramenta Conversor de Cores?
- Esta ferramenta Conversor de Cores é usada para conversor entre diferentes formatos de cor incluindo HEX, RGB, HSL, HWB, LCH, CMYK e nomes de cores. Fornece conversão em tempo real, seletor de cores visual e pré-visualização instantâneoâneoâneoâneoâneoânea. Perfeito para web designers, desenvolvedores UI e designers gráficos para selecionar e gerenciar rapidamente cores em diferentes plataformas e formatos.
- Como usar o Conversor de Cores?
- Simplesmente use o seletor de cores interativo para selecionar visualmente uma cor, ou insira diretamente um valor de cor em qualquer formato (HEX, RGB, HSL, etc.). Todos os outros formatos serão automaticamente convertidos e exibidos em tempo real. Clique no botão copiar ao lado de qualquer formato para copiá-lo para sua área de transferência para usar em seus projetos.
- Esta ferramenta Conversor de Cores é gratuita?
- Sim, este Conversor de Cores é completamente gratuito para usar. Sem registro, sem pagamento necessário. Todas as conversões de cor são processadas localmente em seu navegador, garantindo privacidade e segurança. Você pode conversor cores ilimitadas sem restrições.
- O que torna este Conversor de Cores especial?
- Este conversor suporta mais de 8 formatos de cor incluindo espaços de cores modernos como LCH e LAB. Fornece conversão em tempo real, seletor de cores visual com controles deslizantes, paletas de cores predefinidas, geração de cores aleatórias e cópia com um clique para cada formato. Todo processamento é feito localmente em seu navegador para privacidade e uso offline.
- Quando devo usar diferentes formatos de cores?
- Use HEX (#FFFFFF) para desenvolvimento web e CSS, RGB (rgb(255,255,255)) para JavaScript e exibição em tela, HSL (hsl(0,100%,50%)) para ajustes de cor intuitivos, CMYK para design de impressão, LAB/LCH para cores independentes de dispositivo e nomes de cores (red, blue) para prototipagem rápida. Cada formato é otimizado para casos de uso específicos.
Related Documentation
- W3C CSS Color Module Level 3 - Especificação oficial para módulo de cor CSS
- W3C CSS Color Module Level 4 - Especificação CSS de cores mais recente e novos espaços de cores
- ISO/IEC 61966-2-1 - Espaço de Cores sRGB - Padrão internacional para espaço de cores sRGB
- CIE 1931 Color Space - Definição científica do espaço de cores CIE 1931
- MDN - Valores de Cores CSS - Guia abrangente de especificação de valores de cores CSS