Seletor de Cores — HEX, RGB, HSL, HSV, CMYK em um lugar

1. 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.

2. 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.

3. 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.

4. 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.

5. 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.