# Expansor de Cor

Expandir códigos HEX de 3 dígitos para 6 dígitos (ex: #FFF para #FFFFFF)

> Página canônica: https://elysiatools.com/pt/tools/color-expander

- **Categoria:** Design

- **Palavras-chave:** hex, cor, expandir, duplicar, alongar, css, web, hexadecimal, padronizar

## Visão geral

O Expansor de Cor é uma ferramenta prática para desenvolvedores e designers que precisam converter rapidamente códigos de cores hexadecimais curtos de 3 dígitos para o formato padrão de 6 dígitos, garantindo consistência em seus projetos web e CSS.

## Entradas

- **Cores HEX** (textarea): Enter HEX colors, one per line: #FFF #000 #F00 #0F0 #00F #FF0 #F0F #0FF FFFFFF 000000
- **Formato de saída** (select)
- **Incluir cores já de 6 dígitos** (checkbox): Mostrar cores que já possuem 6 dígitos com razões

## Quando usar

- Ao padronizar paletas de cores que misturam formatos de 3 e 6 dígitos.
- Ao preparar arquivos CSS para garantir compatibilidade total entre navegadores.
- Ao converter rapidamente atalhos de cores hexadecimais para formatos completos de 6 caracteres.

## 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 já expandidas se desejar manter a lista original completa.
- Clique no botão de processar para obter a lista de cores padronizada instantaneamente.

## Casos de uso

- Padronização de folhas de estilo CSS para projetos web.
- Conversão de paletas de cores de design para formatos compatíveis com sistemas legados.
- Limpeza de listas de cores extraídas de ferramentas de design para uso em código.

## Perguntas frequentes

### O que o Expansor de Cor faz?

Ele converte códigos hexadecimais curtos (ex: #FFF) para o formato completo de 6 dígitos (ex: #FFFFFF).

### Posso converter vários códigos de uma vez?

Sim, você pode colar uma lista de códigos, um por linha, e processar todos simultaneamente.

### O que acontece com cores que já possuem 6 dígitos?

Por padrão, a ferramenta as mantém como estão, mas você pode optar por incluí-las no resultado final.

### Posso remover o símbolo '#' dos resultados?

Sim, basta selecionar a opção 'FFFFFF (no hash)' no menu de formato de saída.

### A ferramenta funciona para CSS?

Sim, ela é ideal para padronizar valores de cores em arquivos CSS, garantindo que todos os códigos sigam o mesmo padrão.

## 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
- [Encurtador de Cor](https://elysiatools.com/pt/tools/color-shortener): Encurtar códigos HEX de 6 dígitos para 3 dígitos (ex: #FFFFFF para #FFF)
- [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