Guia Seletor de Cores

O que esta ferramenta faz

O Seletor de cores converte entre cinco formatos de cor comuns: HEX, RGB, HSL, HSV e CMYK. Escolha uma cor visualmente com a amostra nativa, ou digite um código de cor em qualquer formato suportado — a ferramenta exibe instantaneamente o equivalente nos cinco formatos. Copie qualquer valor com um clique. Ideal para designers, desenvolvedores e qualquer pessoa que trabalhe com códigos de cor em diferentes ferramentas e sistemas.

Como usar

1. Escolha uma cor visualmente — Clique na amostra para abrir o seletor de cor nativo do sistema. Escolha uma cor; a ferramenta atualiza todos os códigos de formato automaticamente.
2. Ou digite um código de cor — Cole ou digite uma cor em qualquer formato suportado:
   • HEX: #ff6b6b ou #f66
   • RGB: rgb(255, 107, 107)
   • HSL: hsl(0, 100%, 71%)
   • HSV: hsv(0, 58%, 100%)
   • CMYK: cmyk(0%, 58%, 58%, 0%)
3. Copie o que precisar — Use o botão Copiar ao lado de qualquer formato para copiar esse valor para a área de transferência.
4. Sincronização bidirecional — Alterar a amostra atualiza o texto; digitar um código válido atualiza a amostra e todos os outros formatos.

Como funciona

Os cinco formatos são derivados de uma única tupla RGB (vermelho, verde, azul, cada um 0–255) como intermediário canônico. Quando você insere uma cor:

1. Parse — A ferramenta testa o parser de cada formato (HEX, RGB, HSL, HSV, CMYK) até que um tenha sucesso.
2. Converter para RGB — A entrada é convertida para uma tupla RGB inteira.
3. Gerar todos os formatos — A partir do RGB, a ferramenta calcula HEX, string RGB, HSL, HSV e CMYK em paralelo.
4. Exibir — Os cinco códigos de formato são exibidos com botões Copiar.

Entrada inválida exibe erro inline; entrada vazia não faz nada (sem erro, sem alteração). O seletor de cor nativo sempre retorna um valor HEX de 6 dígitos em minúsculas válido, então o caminho visual nunca provoca erro de parse.

Todo o processamento é executado no seu navegador. Nenhum dado é enviado a nenhum servidor.

Casos de uso e exemplos

• Desenvolvimento web — Converta uma cor de design (ex.: CMYK de impressão) para HEX ou RGB para CSS.
• Entrega de design — Forneça aos desenvolvedores múltiplos códigos de formato a partir de uma única seleção.
• Acessibilidade — Ajuste luminosidade ou saturação (HSL/HSV) para atender requisitos de contraste.
• Preparação para impressão — Converta cores de tela (RGB) para CMYK em fluxos de impressão.
• Consistência de marca — Garanta que a mesma cor seja usada corretamente em web, app e impressão.

Limitações e restrições conhecidas

• Precisão — RGB usa inteiros (0–255), então as conversões podem ter ±1 canal de arredondamento. É padrão e suficiente para uso típico.
• Gamut de cor — CMYK pode representar algumas cores que RGB não; converter de CMYK para RGB pode ser aproximado.
• Seletor nativo — As capacidades do seletor visual dependem do seu sistema operacional e navegador.
• Entrada vazia — Limpar o campo não limpa os códigos exibidos; deixa visível a última cor válida.