# Encurtador de Cor Encurtar códigos HEX de 6 dígitos para 3 dígitos (ex: #FFFFFF para #FFF) > Página canônica: https://elysiatools.com/pt/tools/color-shortener - **Categoria:** Design - **Palavras-chave:** hex, cor, encurtar, comprimir, abreviação, otimizar, css, web, hexadecimal ## Visão geral 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. ## Entradas - **Cores HEX** (textarea): Enter HEX colors, one per line: #FFFFFF #000000 #FF0000 #00FF00 #0000FF #123456 abcdef - **Formato de saída** (select) - **Mostrar cores não encurtáveis** (checkbox): Incluir cores que não podem ser encurtadas com razões ## Quando usar - Ao reduzir o tamanho de arquivos CSS para melhorar o tempo de carregamento do site. - Ao limpar e padronizar paletas de cores em projetos de design web. - Ao converter rapidamente listas extensas de cores para um formato mais legível e compacto. ## Como funciona - Cole seus códigos HEX na caixa de entrada, um por linha. - Selecione o formato de saída desejado, como maiúsculas, minúsculas ou sem o símbolo de hash. - Ative a opção de incluir cores não encurtáveis se desejar manter a lista original completa. - Clique no botão de processar para obter seus códigos otimizados instantaneamente. ## Casos de uso - Otimização de folhas de estilo (CSS) para produção. - Padronização de variáveis de cores em sistemas de design. - Limpeza de exportações de cores vindas de softwares de edição gráfica. ## Perguntas frequentes ### O que é um código HEX de 3 dígitos? É uma forma abreviada de representar cores hexadecimais onde cada par de caracteres é idêntico (ex: #FFFFFF torna-se #FFF). ### Todas as cores podem ser encurtadas? Não. Apenas cores onde cada par de dígitos é composto por caracteres iguais podem ser reduzidas para 3 dígitos. ### A ferramenta altera a cor original? Não, o valor visual da cor permanece exatamente o mesmo; apenas a representação do código é otimizada. ### Posso remover o símbolo '#' dos resultados? Sim, basta selecionar a opção 'FFF (no hash)' no menu de formato de saída. ### É possível processar várias cores de uma vez? Sim, a ferramenta aceita uma lista de cores, processando cada uma individualmente conforme as regras definidas. ## Ferramentas relacionadas - [Conversor Adobe RGB para HEX](https://elysiatools.com/pt/tools/adobe-rgb-to-hex-converter): Converter valores de cor Adobe RGB para formato HEX para design web - [Conversor CMYK para HEX](https://elysiatools.com/pt/tools/cmyk-to-hex-converter): Converter valores de cor CMYK para HEX para exibição em tela - [Expansor de Cor](https://elysiatools.com/pt/tools/color-expander): Expandir códigos HEX de 3 dígitos para 6 dígitos (ex: #FFF para #FFFFFF) - [Conversor HEX para Adobe RGB](https://elysiatools.com/pt/tools/hex-to-adobe-rgb-converter): Converter valores de cor HEX para formato Adobe RGB para design profissional - [Conversor HEX para CMYK](https://elysiatools.com/pt/tools/hex-to-cmyk-converter): Converter valores de cor HEX para CMYK para impressão com suporte de canal alfa - [Conversor HEX para HSL](https://elysiatools.com/pt/tools/hex-to-hsl-converter): Converter valores de cor HEX para HSL para exibição em tela - [Conversor HEX para HSV](https://elysiatools.com/pt/tools/hex-to-hsv-converter): Converter valores de cor HEX para HSV/HSB para manipulação de cores - [Conversor HEX para LAB](https://elysiatools.com/pt/tools/hex-to-lab-converter): Converter valores de cor HEX para LAB para gerenciamento de cor com suporte de canal alfa ## Exemplos - [Exemplos de códigos de cor](https://elysiatools.com/pt/samples/color-code): Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação - [Exemplos de Processamento de Imagem Web Python](https://elysiatools.com/pt/samples/web-image-processing-python): Exemplos de processamento de imagem Web Python usando PIL/Pillow incluindo leitura, salvamento, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagem Web Rust](https://elysiatools.com/pt/samples/web-image-processing-rust): Exemplos de processamento de imagem Web Rust incluindo leitura/gravação, redimensionamento e conversão de formato - [Exemplos de Processamento de Imagens Web TypeScript](https://elysiatools.com/pt/samples/web-image-processing-typescript): Exemplos de processamento de imagens Web TypeScript incluindo leitura/salvamento, redimensionamento e conversão de formato ## Conteúdo relacionado - [Ferramentas de conversao de espacos de cor para web e impressao](https://elysiatools.com/pt/hubs/design-convert): Ferramentas reunidas para conversao de espacos de cor entre web e impressao em um unico hub. - [Geradores de efeitos CSS, paletas e tokens de design](https://elysiatools.com/pt/hubs/design-generate): Ferramentas reunidas para efeitos visuais em CSS, construcao de paletas e geracao de tokens de design em um unico hub. - [Ferramentas de auditoria de acessibilidade web e cores acessiveis](https://elysiatools.com/pt/hubs/web-accessibility-audits): Revise problemas WCAG, ordem de leitor de tela, falhas de contraste, risco para deficiencia de visao de cores e escolhas de cor acessivel em um unico hub para fluxos de acessibilidade web. - [Ferramentas de Design de Cor e Conversão de Espaços de Cor](https://elysiatools.com/pt/hubs/color-design-tools): Comparar conversores de cor, geradores de paletas, ferramentas de harmonia, verificadores de acessibilidade e utilitários de ajuste de cor em um só lugar para designers e desenvolvedores.