Desofuscador de Cores CSS
Converta cores CSS ofuscadas para o formato equivalente mais legível. Detecta automaticamente cores hexadecimais, valores rgb/rgba, valores hsl/hsla e cores CSS nomeadas. Mostra cada cor em todos os formatos equivalentes com amostras visuais e recomenda a opção legível mais curta. Grátis, privado e sem cadastro.
Detect all CSS color values and convert them to the most readable equivalent format. Automatically identifies hex colors, rgb/rgba, hsl/hsla, and named CSS colors, then shows every format equivalent with a visual color swatch. Pick the shortest, most readable format for each color in your stylesheet.
Paste CSS code above and click Unobfuscate Colors to automatically detect all color values and convert them to the most readable format. Click Load example CSS to try it with sample stylesheet code.
Por que usar nosso desofuscador de cores CSS?
- Desofuscação instantânea de cores CSS: desofusque cores CSS na hora com nosso conversor. Cole qualquer código CSS e a ferramenta detecta automaticamente todos os valores de cor em todos os formatos, incluindo hexadecimal (#fff, #aabbcc), hexadecimal abreviado (#abc → #aabbcc), rgb/rgba, hsl/hsla e cores nomeadas. Cada cor é decodificada para seu formato equivalente mais legível, revelando os valores reais por trás do CSS ofuscado ou minificado.
- Processamento seguro e privado: toda a desofuscação de cores CSS acontece inteiramente no seu navegador. Seu código CSS, os valores de cor e os resultados da transformação nunca saem do seu dispositivo. Sem envio de dados, sem rastreamento, sem cadastro - privacidade total para todo o seu trabalho de análise de CSS.
- Desofuscador de cores CSS online - sem instalação: use o conversor de cores CSS diretamente em qualquer navegador moderno, sem downloads, aplicativos ou extensões. Inclui um editor de dois painéis com comparação entre o código original e o desofuscado, uma tabela interativa de mapeamento de cores que lista cada cor encontrada com todos os equivalentes de formato e amostras de pré-visualização ao vivo.
- Detecção abrangente de formatos de cor: nosso conversor de cores CSS detecta e decodifica: cores hexadecimais de todos os tamanhos (#rgb, #rrggbb, #rrggbbaa), notação funcional rgb/rgba, notação funcional hsl/hsla, cores CSS nomeadas (red, blue, transparent etc.) e currentColor. Cada cor detectada é exibida em todos os formatos equivalentes, com a opção legível mais curta destacada e uma amostra visual para identificação rápida.
Casos de uso comuns do desofuscador de cores CSS
- Decodificação de valores de cor CSS ofuscados: os ofuscadores de CSS às vezes convertem nomes de cor legíveis ou valores hexadecimais comuns em representações alternativas. O desofuscador detecta todos os formatos de cor e converte todos para o equivalente mais legível, facilitando entender e modificar a folha de estilo.
- Conversão de cores CSS entre formatos: designers e desenvolvedores usam o conversor para alternar cores entre os formatos hexadecimal, rgb, hsl e nomeado. Ao trabalhar com um design system, talvez você precise ver uma cor em todos os formatos - a ferramenta mostra cada representação equivalente de cada cor detectada.
- Auditoria do uso de cores em folhas de estilo grandes: desenvolvedores frontend auditam grandes bases de código CSS para entender quais cores estão sendo usadas. O desofuscador extrai cada valor de cor e os apresenta em uma tabela de mapeamento pesquisável, facilitando identificar duplicatas, quase duplicatas e oportunidades de consolidação de cores.
- Depuração de problemas de renderização de cores: quando uma cor CSS não é renderizada como esperado, os desenvolvedores usam o conversor para verificar o valor real. A ferramenta mostra a cor em vários formatos com uma amostra visual, ajudando a identificar problemas com transparência alfa, valores hexadecimais incorretos ou conversões inesperadas de espaço de cor.
- Migração de CSS para formatos de cor mais curtos: desenvolvedores atentos ao desempenho usam o conversor para encontrar oportunidades de usar notação de cor mais curta. A ferramenta destaca o formato legível mais curto de cada cor - por exemplo, #ff0000 pode ser encurtado para #f00 ou simplesmente "red", economizando bytes sem sacrificar a legibilidade.
- Aprendizado sobre as representações de cor em CSS: estudantes e desenvolvedores que aprendem CSS usam o conversor de cores para entender a relação entre os diferentes formatos. A tabela interativa mostra como a mesma cor pode ser expressa em hexadecimal, rgb, hsl e forma nomeada, ajudando a desenvolver intuição sobre os modelos de cor.
O que é desofuscação de cores CSS?
A desofuscação de cores CSS é o processo de converter valores de cor CSS ofuscados ou difíceis de ler em seus formatos equivalentes mais legíveis. As cores CSS podem ser expressas de muitas formas: notação hexadecimal (#ff0000), hexadecimal abreviada (#f00), notação funcional RGB (rgb(255, 0, 0)), notação HSL (hsl(0, 100%, 50%)) ou cores nomeadas ("red"). O CSS ofuscado costuma usar formatos menos legíveis ou representações desnecessariamente longas para dificultar a compreensão do código.
Nosso desofuscador de cores CSS detecta automaticamente cada valor de cor no seu código CSS, decodifica cada um e mostra todas as representações equivalentes nos formatos hexadecimal, hexadecimal abreviado, rgb, hsl e cor nomeada (quando disponível). A ferramenta também recomenda o formato legível mais curto para cada cor e fornece uma amostra visual para identificação rápida. Todo o processamento roda localmente no seu navegador, sem enviar dados a nenhum servidor.
Como funciona nosso desofuscador de cores CSS
- 1. Cole seu CSS: cole o código CSS no painel de entrada ou clique no botão de exemplo para carregar um CSS de demonstração com vários formatos de cor. O conversor de cores CSS varre cada valor de propriedade em busca de padrões de cor em todos os formatos CSS.
- 2. Clique em Desofuscar cores: a ferramenta processa seu CSS por um pipeline de detecção de cores. Ela identifica cores hexadecimais de todos os tamanhos, valores rgb/rgba, valores hsl/hsla e cores CSS nomeadas. Cada cor é analisada em seus componentes RGBA e depois convertida para todos os outros formatos. A saída desofuscada substitui cada cor por seu equivalente legível mais curto.
- 3. Revise a tabela de mapeamento de cores: a tabela lista cada cor detectada com o valor original, o valor desofuscado (legível mais curto), uma amostra visual de cor e todos os formatos equivalentes (hexadecimal, hexadecimal abreviado, rgb, hsl, nomeado). A saída CSS desofuscada aparece no painel direito com opções de copiar e baixar.
Formatos de cor CSS que a ferramenta detecta e converte
- Cores hexadecimais: todos os formatos hexadecimais são detectados: 3 dígitos (#fff), 6 dígitos (#ffffff) e 8 dígitos com alfa (#ffffffff). Cada um é analisado em seus componentes RGBA e convertido para todos os outros formatos. O formato legível mais curto é recomendado (por exemplo, #ff0000 → #f00 ou "red").
- Notação funcional RGB/RGBA: valores RGB como rgb(255, 0, 0) e rgba(255, 0, 0, 0.5) são analisados e convertidos em equivalentes hexadecimais, HSL e cores nomeadas. Os valores alfa são preservados em todas as conversões de formato.
- Notação funcional HSL/HSLA: valores HSL como hsl(0, 100%, 50%) são convertidos usando o algoritmo padrão de HSL para RGB e depois para os formatos hexadecimal e cor nomeada. Isso ajuda designers a entender como os valores HSL se relacionam com a notação hexadecimal mais comum.
- Cores CSS nomeadas: as 148 cores CSS nomeadas (de "aliceblue" a "yellowgreen") mais valores especiais como "transparent" e "currentColor" são reconhecidas e exibidas junto com seus equivalentes hexadecimais e RGB.
Privacidade, segurança e disponibilidade
O desofuscador de cores CSS é 100% gratuito e não exige cadastro . Toda a detecção e conversão de cores é realizada localmente no seu navegador com JavaScript - seu código CSS nunca sai do seu dispositivo . Não há limites de tamanho de arquivo nem de uso. A ferramenta oferece uma tabela detalhada de mapeamento de cores com amostras visuais, equivalentes em todos os formatos e recomendações do formato mais curto. Inclui copiar para a área de transferência e download. Use quantas vezes precisar para desofuscar cores CSS.
Perguntas frequentes
Um desofuscador de cores CSS é uma ferramenta que detecta todos os valores de cor no código CSS e os converte para o formato equivalente mais legível. Ele identifica cores hexadecimais, valores rgb/rgba, valores hsl/hsla e cores CSS nomeadas, depois mostra cada cor em todos os formatos com uma amostra visual, ajudando os desenvolvedores a entender e modificar suas folhas de estilo com mais facilidade.
O conversor de cores CSS detecta todos os formatos de cor CSS padrão: cores hexadecimais (3, 6 e 8 dígitos com alfa), notação funcional rgb() e rgba(), notação funcional hsl() e hsla(), as 148 cores CSS nomeadas (de aliceblue a yellowgreen) e valores especiais como transparent e currentColor.
Cada cor detectada é primeiro analisada em seus componentes RGBA. A partir do RGBA, a ferramenta converte para todos os outros formatos: notação hexadecimal e hexadecimal abreviada, notação rgb/rgba, notação hsl/hsla usando o algoritmo padrão de conversão de RGB para HSL e busca de cor nomeada em uma tabela de 148 cores CSS nomeadas.
Sim. O desofuscador de cores CSS é totalmente compatível com transparência alfa. Ele detecta e preserva os valores alfa na notação rgba() e hsla(), bem como em cores hexadecimais de 8 dígitos. Os valores alfa são mantidos em todas as conversões de formato e as cores com transparência são sinalizadas para que você saiba quando a transparência está em uso.
Com certeza. O desofuscador de cores CSS roda inteiramente no seu navegador. Seu código CSS, os valores de cor e os resultados de conversão nunca são enviados a nenhum servidor, armazenados em nenhum banco de dados nem rastreados de qualquer forma. Todo o processamento acontece localmente no seu dispositivo - nada sai do seu computador. Sem cadastro.
O formato legível mais curto depende da cor específica. Por exemplo, #ff0000 pode ser encurtado para #f00 (4 caracteres em vez de 7) ou até para a cor nomeada "red" (3 caracteres). #aabbcc vira #abc (4 caracteres). A ferramenta encontra e destaca automaticamente o melhor formato para cada cor.
Sim. O desofuscador de cores CSS fornece uma tabela detalhada de mapeamento de cores que lista cada cor detectada com o valor original, o formato mais curto recomendado, uma amostra visual de cor e todos os formatos equivalentes, incluindo hexadecimal, hexadecimal abreviado, rgb, hsl e cor nomeada (quando disponível). Você pode expandir a tabela para ver todas as entradas.
O CSS define 148 cores nomeadas, incluindo cores básicas (red, blue, green, yellow), cores estendidas (coral, crimson, darkcyan) e valores especiais (transparent, currentColor). A ferramenta verifica cada cor detectada nessa lista e sugere o equivalente nomeado quando há correspondência exata.
Sim - o desofuscador de cores CSS é 100% gratuito, sem cadastro, sem conta e sem limites de uso. Desofusque cores CSS de qualquer folha de estilo quantas vezes precisar, gratuitamente para sempre. Não há cobranças ocultas, níveis premium ou limites de uso de qualquer tipo.