Elysia Tools
Navegação
Design
· Última atualização：2025-01-11
Encurtar códigos HEX de 6 dígitos para 3 dígitos (ex: #FFFFFF para #FFF)
Execução
Preencha o formulário, execute a ferramenta e veja o resultado no mesmo lugar.
Exemplos
Relacionado
Guia de uso da ferramenta
O Encurtador de Cor é uma ferramenta prática para desenvolvedores e designers que desejam otimizar seus arquivos CSS, convertendo códigos de cores hexadecimais de 6 dígitos para o formato abreviado de 3 dígitos sempre que possível.
Contexto
Um projeto web possui um arquivo CSS com centenas de definições de cores em formato de 6 dígitos.
Problema
O arquivo está maior do que o necessário, impactando levemente a performance de carregamento.
Como usar
Cole a lista de cores do CSS na ferramenta e selecione o formato 'CSS format'.
Formato: CSS formatResultado
Todas as cores compatíveis foram reduzidas para 3 dígitos, mantendo a sintaxe correta para o navegador.
Contexto
Uma equipe de design precisa unificar uma lista de cores hexadecimais enviadas por diferentes membros.
Problema
A lista contém uma mistura de formatos maiúsculos e minúsculos, dificultando a organização.
Como usar
Insira as cores na ferramenta e escolha o formato 'lowercase' para padronizar tudo.
É uma forma abreviada de representar cores hexadecimais onde cada par de caracteres é idêntico (ex: #FFFFFF torna-se #FFF).
Não. Apenas cores onde cada par de dígitos é composto por caracteres iguais podem ser reduzidas para 3 dígitos.
Não, o valor visual da cor permanece exatamente o mesmo; apenas a representação do código é otimizada.
Sim, basta selecionar a opção 'FFF (no hash)' no menu de formato de saída.
Sim, a ferramenta aceita uma lista de cores, processando cada uma individualmente conforme as regras definidas.
Formato: lowercaseResultado
Uma lista limpa, uniforme e otimizada, pronta para ser inserida no guia de estilo do projeto.