Categorias

← View All Tools

Expansor de Cor

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

Mostrar cores que já possuem 6 dígitos com razões

Fatos principais

Categoria
Design
Tipos de entrada
textarea, select, checkbox
Tipo de saída
text
Cobertura de amostras
4
API disponível
Yes

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.

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.

Exemplos

1. Padronização de CSS

Desenvolvedor Front-end
Contexto
Um projeto web utiliza uma mistura de cores curtas (#000, #FFF) e longas (#333333).
Problema
O código CSS está inconsistente e difícil de manter.
Como usar
Cole todos os códigos no Expansor de Cor e selecione o formato 'CSS format'.
Configuração de exemplo
format: css
Resultado
Todos os códigos foram convertidos para o formato de 6 dígitos, mantendo o padrão visual e técnico do projeto.

2. Limpeza de Paleta de Cores

Designer UI
Contexto
Uma lista de cores exportada de um software de design contém formatos mistos.
Problema
Necessidade de converter tudo para um formato hexadecimal de 6 dígitos para documentação técnica.
Como usar
Insira a lista no campo de entrada e escolha a opção 'uppercase'.
Configuração de exemplo
format: uppercase
Resultado
Uma lista limpa e uniforme de códigos hexadecimais prontos para serem entregues à equipe de desenvolvimento.

Testar com amostras

design
Exemplos de códigos de cor
Coleção de códigos de cor em vários formatos (Hex, RGB, HSL, cores com nome) para testes de validação
title token color
sample
Exemplos SVG
Exemplos de Gráficos Vetoriais Escaláveis (SVG) demonstrando vários recursos e técnicas SVG
keywords web
sample
Amostras de Conversor Hex/Unicode
Amostras de teste para conversão de sequências de escape hex e unicode
task convert
sample
Exemplos JWT
Exemplos completos de JWT da estrutura básica de tokens às implementações de segurança avançadas
keywords web
sample

Hubs relacionados

Ferramentas de Design para Convert
Explore 98 ferramentas de design para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Design para Generate
Explore 19 ferramentas de design para fluxos de generate e encontre utilitários próximos com rapidez.
Ferramentas de Json para Convert
Explore 100 ferramentas de json para fluxos de convert e encontre utilitários próximos com rapidez.
Ferramentas de Image para Convert
Explore 100 ferramentas de image para fluxos de convert e encontre utilitários próximos com rapidez.

FAQ

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.

Documentação da API

Ponto final da solicitação

POST /pt/api/tools/color-expander

Parâmetros da solicitação

Nome do parâmetro Tipo Requerido Descrição
colors textarea Sim -
format select Sim -
includeAlreadyExpanded checkbox Não Mostrar cores que já possuem 6 dígitos com razões

Formato de resposta

{
  "result": "Processed text content",
  "error": "Error message (optional)",
  "message": "Notification message (optional)",
  "metadata": {
    "key": "value"
  }
}
Texto: Texto

Documentação de MCP

Adicione este ferramenta à sua configuração de servidor MCP: 

{
  "mcpServers": {
    "elysiatools-color-expander": {
      "name": "color-expander",
      "description": "Expandir códigos HEX de 3 dígitos para 6 dígitos (ex: #FFF para #FFFFFF)",
      "baseUrl": "https://elysiatools.com/mcp/sse?toolId=color-expander",
      "command": "",
      "args": [],
      "env": {},
      "isActive": true,
      "type": "sse"
    }
  }
}

Você pode encadear várias ferramentas, ex: `https://elysiatools.com/mcp/sse?toolId=png-to-webp,jpg-to-webp,gif-to-webp`, máx 20 ferramentas.

Se você encontrar algum problema, por favor, entre em contato conosco em [email protected]