Extraindo códigos de cores hexadecimais de texto

Como Usar o Extrator de Código de Cor Hexadecimal

Cole CSS, HTML, notas de design ou qualquer texto que contenha cores em hexadecimal. A ferramenta encontra códigos como #0F5C8C e #abc, então os lista para cópia ou download. O processamento é feito no seu navegador.

1. Cole seu texto na caixa de entrada (folhas de estilo, trechos de HTML ou notas de design).
2. Escolher opções
   • Remover cores duplicadas — mantenha cada cor uma vez.
   • Padronizar formato (maiúsculas) — normalizar para hexadecimal maiúsculo.
   • Incluir cores em forma curta (#abc) — também corresponde ao hexadecimal de 3 dígitos.
   • Expandir a forma curta para 6 dígitos (#abc → #AABBCC) — converte #abc em #AABBCC quando a forma curta está ativada.
   • Mostrar pré-visualizações de cores — exibir amostras ao lado dos valores.
3. Clique em “Extrair Códigos de Cor”.
4. Copiar, baixar ou revisar a lista extraída e as pré-visualizações.

Casos de Uso Comuns

• Auditorias de CSS / tema: Extraia todas as cores hexadecimais de uma folha de estilo ou arquivo de token de design.
• Consistência da marca: Colete as cores usadas em modelos HTML ou marcação de e-mail.
• Entrega de design: Extraia cores das notas ou do CSS exportado antes de reconstruir um kit de interface.
• Limpeza: Encontre cores restantes ou duplicadas antes de consolidar uma paleta.

Quais formatos são detectados?

• Hexadecimal de 6 dígitos: #0F5C8C, #ff5733 (com ou sem # dependendo do contexto no texto
• Forma curta de 3 dígitos: #abc, #F00 (quando “Incluir forma curta” está ativado)
• Forma curta expandida: #abc → #AABBCC quando a expansão está ativada

Funções RGB/HSL não são convertidas aqui — esta ferramenta apenas extrai códigos de cores hexadecimais.

Exemplo: Antes e Depois

Com “Incluir forma curta”, “Expandir forma curta”, “Remover duplicatas” e “Padronizar formato” habilitados:

.btn {
  color: #ff0000;
  background: #abc;
  border-color: #FF0000;
  outline: #0F5C8C;
}

#FF0000
#AABBCC
#0F5C8C

#ff0000 e #FF0000 colapsar para um valor em maiúscula. Curto #abc expande para #AABBCC.

Perguntas Frequentes (FAQ)

Privacidade

Toda a correspondência ocorre no seu dispositivo com JavaScript. Não armazenamos o texto que você cola nem as cores que você extrai.