Expanda cor hexadecimal abreviada

Informe um valor como #3a7 e receba #33aa77, pronto para folhas de estilo, tokens de design, arquivos de configuração ou API que exigem a notação longa. A ferramenta valida toda a entrada antes da expansão; portanto, cores de seis dígitos, variantes alfa, caracteres incorretos e valores incompletos geram um erro claro. A saída é normalizada em minúsculas e sempre inclui o jogo da velha inicial para uso direto em CSS.

Como funciona a expansão hexadecimal de três dígitos

Uma cor hexadecimal CSS normalmente descreve vermelho, verde e azul com dois dígitos por canal. Na forma abreviada, cada canal usa apenas um dígito. A expansão não acrescenta zeros nem estima uma tonalidade próxima: ela repete cada dígito original. Assim, #3a7 vira #33aa77: o dígito vermelho 3 vira 33, o verde a vira aa e o azul 7 vira 77. Essa repetição preserva exatamente a cor representada pela abreviação conforme as regras de CSS. O expansor aceita letras hexadecimais maiúsculas ou minúsculas e normaliza a resposta para minúsculas, deixando configurações geradas consistentes sem alterar a cor. O jogo da velha inicial é opcional na entrada, pois valores vindos de planilhas, argumentos de linha de comando ou formulários frequentemente aparecem sem pontuação CSS. O valor completo retornado sempre inclui esse sinal, e outro campo fornece os mesmos seis dígitos sem ele para sistemas que armazenam texto hexadecimal puro. Não ocorre conversão de espaço de cores nem arredondamento; a operação é uma transformação direta e determinística de caracteres.

O que é considerado uma entrada válida

Uma entrada válida contém exatamente três dígitos hexadecimais depois de um jogo da velha inicial opcional. São permitidos os dígitos de 0 a 9 e as letras de A a F, em maiúsculas ou minúsculas. Valores como #09f, abc e F0C são válidos; #12, #1234, #112233, red, 0xabc e #ggg não são. Essa regra estrita é importante porque formatos visualmente semelhantes têm significados diferentes. Quatro dígitos podem representar uma abreviação com canal alfa, enquanto seis dígitos já estão expandidos; aceitar qualquer um deles silenciosamente mudaria a finalidade da capacidade. Espaços ao redor são removidos para facilitar o uso com formulários e área de transferência, mas espaços dentro da cor continuam inválidos. A entrada também precisa ser uma string, porque valores numéricos podem perder zeros iniciais importantes antes de chegar ao expansor. Quando a validação falha, a API retorna um erro de entrada inválida com uma mensagem que descreve a forma obrigatória. Isso revela erros em fluxos automatizados e evita que valores malformados sejam gravados em uma folha de estilo ou coleção de tokens de design.

Como usar a cor expandida em um fluxo de trabalho

Use o valor expandido quando uma ferramenta posterior, um esquema ou uma convenção da equipe exigir cores de seis dígitos. Um script de migração pode normalizar tokens antigos antes de compará-los; um importador de sistema de design pode converter valores compactos antes de armazenar tokens canônicos; e um pipeline de validação pode rejeitar nomes acidentais ou formas alfa em sua entrada. Como a saída é um texto estável em minúsculas, chamadas repetidas com variações de caixa produzem o mesmo resultado canônico, mantendo diffs e chaves de cache organizados. O executor do navegador usa a mesma lógica pura da API, então um valor verificado interativamente se comporta da mesma maneira na automação. A operação não depende de rede nem consulta bancos de cores externos. Envie uma cor abreviada no campo hex e leia expanded para obter um valor pronto para CSS, ou expanded_no_hash quando outro formato fornece o próprio prefixo. A execução por API custa US$ 0,002 por solicitação. Para canais RGB, valores HSL, nomes, misturas ou contraste, escolha uma capacidade específica de conversão de cores.