Formatador de Cores

Converta cores entre formatos HEX, RGB, HSL com seletor visual e visualização

Color Input

Pick a Color

Or enter manually

Preview

All Formats

Tips

Use the color picker or type a color value in any supported format
Supported formats: HEX (#3B82F6), RGB (rgb(59, 130, 246)), HSL (hsl(217, 91%, 60%))
3-digit HEX shorthand is supported (e.g. #F00 = #FF0000)

Recursos Profissionais de Processamento de Formatador de Cores

Tudo que você precisa para trabalhar com dados Formatador de Cores de forma eficiente e profissional

Validação de Cor

Validar entrada de cor e detectar automaticamente o formato para conversão instantânea.

Conversão de Formato

Converter entre formatos de cor HEX, RGB, HSL e HSV com um clique ou ao digitar.

Seletor Visual

Usar o seletor de cores nativo para selecionar cores visualmente com visualização e conversão instantâneas.

Visualização ao Vivo

Ver uma visualização de amostra de cor em tempo real que se atualiza ao mudar valores em qualquer formato.

Conversão Instantânea

Converter entre formatos de cor instantaneamente com matematica pura — completamente privado.

Copiar Formatos

Clicar em qualquer valor de formato para copiá-lo para a área de transferência para CSS ou ferramentas de design.

Como Funciona

Passos simples para processar seu Formatador de Cores como um profissional

Inserir ou Selecionar Cor

Digitar um valor HEX, RGB ou HSL, ou usar o seletor para escolher visualmente.

Auto-Converter

Todos os formatos de cor são convertidos e exibidos instantaneamente ao digitar ou selecionar.

Visualizar Cor

Ver a visualização ao vivo da amostra de cor para confirmar sua seleção.

Copiar Formato

Clicar em qualquer valor de formato para copiá-lo para a área de transferência.

Formatador e Validador Profissional de Formatador de Cores

O processamento de Formatador de Cores corre inteiramente no seu browser — sem uploads, sem contas, sem limites.

Método de processamento

Consulte os exemplos, limites de sintaxe e documentação original da ferramenta para compreender o resultado.

Recursos Técnicos Principais:

• Conversões de cores em conformidade com CSS Color Module Level 4
• Integração do seletor de cores nativo do navegador
• Suporte para espaços de cor HEX, RGB, HSL e HSV
• Processamento no lado do cliente para máxima segurança e velocidade
• Visualização em tempo real com amostra de cor ao vivo

Processamento e resultado

Verifique o método indicado e compare o resultado com a entrada antes de o utilizar.

Segurança e Privacidade:

• Processamento 100% no lado do cliente - dados nunca enviados a servidores
• Sem rastreamento, cookies ou coleta de dados
• Criptografia HTTPS para conexões seguras
• Sem armazenamento ou cache de dados após o processamento
• Abordagem em conformidade com GDPR e CCPA

Por Que Profissionais Escolhem o EZ Formatter

100%

Processamento no lado do cliente

Dados enviados para servidores

Ferramentas na bancada de trabalho

Os seus dados permanecem no seu browser

Perguntas frequentes

Respostas a perguntas comuns sobre formatação Color Formatter

Sim, nosso formatador de cores é completamente gratuito sem necessidade de registro. Todo o processamento acontece no seu navegador.

Suportamos conversões HEX, RGB, HSL e HSV com suporte de canal alfa.

Sim. Clique na amostra de cor para abrir o seletor nativo e escolher qualquer cor visualmente. Todos os formatos são atualizados instantaneamente.

Sim. Você pode incluir valores alfa nos formatos RGBA e HSLA, com valores de 0 (transparente) a 1 (opaco).

Basta colar o valor HEX no campo de entrada. A ferramenta mostra instantaneamente os equivalentes RGB, HSL e HSV.

HEX (#rrggbb, #rgb, #rrggbbaa), RGB/A (formas de 0-255 e em percentagem), HSL/A (de acordo com o CSS Color 4), além de algumas notações legadas (sintaxe de vírgulas do rgb()) e cores CSS nomeadas (os 148 nomes da especificação CSS). A conversão é exata quando o formato de destino consegue representar a cor; HEX↔RGB é sem perdas, enquanto o HSL arredonda os componentes para os inteiros mais próximos na renderização.

O HSL é intuitivo, mas distorce a luminosidade percetiva (o amarelo com L=50% parece muito mais brilhante do que o azul com L=50%). O HWB (hue-white-black, CSS Color 4) simplifica a criação de tons mais claros e mais escuros. O OKLCH (CSS Color 4, derivado do espaço de cores OKLab) é uniforme do ponto de vista percetivo - o formato adotado pelos sistemas de design modernos, porque passos iguais no canal L parecem igualmente brilhantes; o conversor devolve os três.

O alfa é convertido em todas as notações (#rrggbbaa, rgba(), hsla(), oklch(... / 0.5)). As cores Display-P3 e outras de gama alargada são mapeadas para o equivalente sRGB mais próximo, com um aviso de recorte de gama - o sRGB não consegue representá-las, e a ferramenta indica-o em vez de fingir que a conversão de ida e volta foi sem perdas.

{-- * External Resources Component（#19 Phase 3b 内容佐证工程） * 工具页「权威引用」区块：RFC / W3C / WHATWG / ECMA / IANA / 官方规范站 / 官方语言文档 / Wikipedia。 * * - 接受 :slug 属性 → 经 config/tool-sources.php 家族矩阵渲染该工具的权威引用 * - slug 未命中映射时不渲染（无权威来源的工具静默跳过） * - 链接 title 保持英文（引用源专名）；description 经 * common.resources.descriptions.{key} 本地化，lang 未命中回退英文（线上不裸奔） * - 链接保持 dofollow（rel="noopener noreferrer"） * * @param string|null $slug --}}

Referências Autoritativas

Normas e documentação oficial que definem os formatos com que esta ferramenta trabalha.

W3C - CSS Color Module Level 4

O CSS Color Module Level 4 do W3C — rgb, hsl, hwb, oklch e espaços de cor na web.

MDN Web Docs - <color> value

Referência da Mozilla para os valores de cor CSS e as funções de cor.

Web colors - Wikipedia

Cores web: notação hex, a paleta de cores nomeadas e a história das cores nos browsers.