Preparing your comprehensive developer toolkit
Guia prático
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.
O conversor de cores suporta múltiplos modelos de cores incluindo RGB, HSL, HEX, CMYK, HWB e LCH, fornecendo conversão de formato, geração de paleta e verificação de contraste. RGB usa primárias vermelho-verde-azul (0-255), HEX usa notação hexadecimal (#FFFFFF), HSL usa matiz-saturação-luminosidade. Amplamente usado em web design, desenvolvimento UI, esquemas de cores de marca, ajudando designers a selecionar e gerenciar cores rapidamente.
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.
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).
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.
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 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 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 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%).
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.
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.
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.
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.
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.
Especificação oficial para módulo de cor CSS
Especificação CSS de cores mais recente e novos espaços de cores
Padrão internacional para espaço de cores sRGB
Definição científica do espaço de cores CIE 1931
Guia abrangente de especificação de valores de cores CSS
Abra a ferramenta para experimentar estes recursos.