Conversor de Formatos de Cor CSS

• Conversão instantânea de formatos de cor CSS: cole qualquer valor de cor CSS — hex3, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() ou uma cor nomeada — e receba todos os formatos equivalentes em milissegundos. O conversor processa tudo no seu navegador sem espera.
• Conversor de formatos de cor CSS online e seguro: seu código CSS nunca sai do dispositivo. O conversor roda inteiramente no lado do cliente no navegador — sem upload para servidor, sem registro de dados, sem requisições a terceiros. Converta tokens de design confidenciais e folhas de estilo de produção com privacidade total.
• Conversor de formatos de cor CSS sem instalação: funciona em qualquer navegador moderno, sem downloads, plugins ou extensões. Abra a página e comece a converter na hora — funciona em desktop, tablet e celular.
• 100% grátis — sem limites, sem anúncios: o conversor de formatos de cor CSS é totalmente grátis, sem cadastro, sem conta, sem plano premium e sem limites de uso. Converta cores únicas ou arquivos CSS inteiros quantas vezes precisar — grátis para sempre.

• Migração de CSS para funções de cor modernas: converta valores legados hex e rgb() das suas folhas de estilo para hsl() ou oklch() modernos, melhorando a legibilidade e facilitando temas. O conversor processa blocos CSS inteiros de uma vez, economizando horas de busca e substituição manual.
• Padronização de tokens de design: padronize os tokens de cor do seu design system em um único formato em todos os arquivos. Use o conversor para garantir que cada token no seu config do Tailwind, variáveis CSS ou mapas SCSS use a mesma notação.
• Entrega de Figma e ferramentas de design: o Figma exporta cores em hex ou rgb(); seu framework CSS pode esperar hsl(). Use o conversor para traduzir na hora os valores da entrega de design para o formato da sua base de código, sem cálculo manual.
• Correspondência de cores para impressão e multimídia: converta cores de tela para CMYK para produção impressa, ou obtenha valores CIE LAB para especificação independente de dispositivo. O conversor gera CMYK e LAB junto com todos os formatos CSS em um passo.
• Refatoração e auditoria de código: audite uma base de código legada que mistura hex, rgb() e cores nomeadas de forma inconsistente. Cole qualquer folha de estilo no modo bloco do conversor e converta todas as cores ao formato preferido com um clique.
• Acessibilidade e trabalho com cores WCAG: ao verificar contrastes WCAG, você frequentemente precisa de cores em formato específico. O conversor traduz na hora qualquer cor para o formato exigido pela sua ferramenta de teste ou revisão de design.

A conversão de formatos de cor CSS é o processo de expressar o mesmo valor de cor em uma notação CSS diferente. O CSS suporta mais de uma dúzia de formatos de cor — do clássico trio hexadecimal (#rrggbb) a formatos perceptivos modernos como oklch() e lab(). Cada formato codifica de forma diferente a mesma cor subjacente: hex usa valores de canal em base 16, rgb() usa canais decimais de 0 a 255, hsl() usa ângulo de matiz e luminosidade percentual, e oklch() usa luminosidade perceptual e croma. O conversor de formatos de cor CSS interpreta qualquer dessas notações e gera todas as representações equivalentes na hora, para você usar o formato que seu fluxo de trabalho exige sem cálculo manual.

A conversão acontece em três passos, inteiramente no seu navegador:

1. Insira sua cor CSS: digite ou cole qualquer valor de cor CSS na aba Cor Única — hex3, hex4, hex6, hex8, rgb(), rgba(), hsl(), hsla(), hwb(), oklch(), lch(), lab() ou qualquer uma das 148 cores nomeadas do CSS. Para conversão em massa, mude para a aba Bloco CSS e cole sua folha de estilo completa.
2. Processamento instantâneo no navegador: clique em Converter e o conversor interpreta sua entrada, normaliza para uma representação RGBA interna e calcula todos os formatos de saída com matemática de cor precisa. Nenhum dado é enviado a servidor — tudo acontece localmente no seu navegador.
3. Copie ou baixe a saída: no modo Cor Única, clique no ícone de copiar ao lado de qualquer linha de formato para copiar aquele valor. No modo Bloco CSS, a folha de estilo convertida aparece no painel de saída — clique em «Copiar saída» para copiar todo o CSS convertido.

• Formatos HEX (hex3, hex4, hex6, hex8): o hex curto de 3 dígitos é expandido para 6 dígitos; hex de 4 e 8 dígitos incluem o canal alfa. Toda a saída hex é maiúscula por consistência.
• RGB e RGBA: valores de canal decimais de 0 a 255 com alfa opcional (0-1). O conversor também aceita valores rgb() em porcentagem e os normaliza para canais inteiros.
• HSL, HSLA e HWB: formatos baseados em matiz usados nativamente no CSS Color Level 4. O conversor aceita matiz em graus, radianos, voltas e grados e normaliza para graus na saída.
• Formatos modernos (oklch, lch, lab): espaços de cor perceptualmente uniformes do CSS Color Level 4. O conversor interpreta essas entradas e as converte para todos os outros formatos com matemática de cor precisa.

O conversor de formatos de cor CSS usa o espaço de cor sRGB como representação intermediária. Cores especificadas em espaços de ampla gama (display-p3, rec2020) que ficam fora do sRGB são recortadas para o valor sRGB mais próximo. A saída CMYK usa uma fórmula matemática simples sem perfis ICC — para impressão de produção, use conversão baseada em perfis ICC no seu software de impressão. O formato HSV não é uma função nativa do CSS; ele é fornecido como valor de referência para uso em ferramentas como Photoshop e Figma.