O que é um conversor de cores?
Um conversor de cores traduz um valor de cor para os formatos comumente usados em web design, CSS, sistemas de design e notas de entrega. Uma única cor de marca pode ser armazenada como HEX em um guia de estilo, RGB em um token de design, HSL em um editor de tema e CMYK em notas orientadas para impressão. Esta ferramenta mantém essas representações juntas para que você possa copiar a versão correta sem recalcular manualmente.
O conversor é intencionalmente compacto. Ele foca em cores web sRGB práticas: HEX, RGB, HSL, HSV e uma aproximação simples de CMYK. Não tenta substituir softwares profissionais de gerenciamento de cores ou fluxos de trabalho com perfis ICC.
Formatos de cores suportados
| Format | Example | Melhor utilizado para |
|---|---|---|
| HEX | #3366FF | CSS, tokens de design, entrega visual rápida |
| RGB | rgb(51, 102, 255) | Valores CSS, trabalho com canvas, canais de cor programáticos |
| HSL | hsl(225, 100%, 60%) | Ajustes de tema por matiz, saturação e luminosidade |
| HSV | hsv(225, 80%, 100%) | Fluxos de trabalho de seletor de cores e ajuste visual |
| CMYK | cmyk(80%, 60%, 0%, 0%) | Notas aproximadas para impressão, não gerenciamento final de cor para impressão |
Limitações importantes
- A saída CMYK é calculada a partir de valores sRGB e é apenas uma aproximação.
- Cores nomeadas do CSS, gradientes, Lab, LCH, OKLCH e Display-P3 estão fora do escopo compacto desta versão v1.
- Valores alfa podem ser analisados para formas comuns de HEX/RGB/HSL, mas a pré-visualização nativa de amostra mostra a cor base opaca.
- Diferentes ferramentas de design podem arredondar valores HSL, HSV ou CMYK de forma ligeiramente diferente.
Fluxos de trabalho comuns
Limpeza de CSS
Cole uma cor HEX de um guia de estilo e copie RGB ou HSL para um estado de componente, paleta de gráfico ou variável de tema.
Entrega de design
Mantenha várias notações de cor juntas quando um desenvolvedor, designer ou editor de conteúdo usa ferramentas diferentes.
Revisão de tokens
Verifique se um token de cor corresponde ao matiz e à saturação esperados antes de usá-lo em uma interface pública.
Notas de impressão
Gere valores CMYK aproximados para discussão, deixando a saída final para ferramentas que considerem perfis de cor.
Perguntas Frequentes
A saída CMYK é exata?
Não. O valor CMYK é uma conversão simples a partir de sRGB, útil para notas aproximadas. O trabalho final de impressão depende do papel, tinta, configurações da prensa e perfis ICC.
Posso colar funções de cor CSS?
Sim, para a sintaxe de função comum de RGB, HSL, HSV e estilo CMYK. Espaços de cor mais novos, como Lab, LCH, OKLCH e Display-P3, estão intencionalmente fora do escopo desta ferramenta compacta.
A ferramenta oferece suporte à transparência alfa?
Ela pode analisar formas alfa comuns como RGBA, HSLA e HEX de oito dígitos, mas a amostra principal e a saída para copiar se concentram em cores web opacas práticas.
Por que os valores às vezes diferem de outra ferramenta de design?
Pequenas diferenças normalmente decorrem de regras de arredondamento ou suposições de gerenciamento de cores. Para cores web sRGB, essas diferenças costumam ser mínimas.
Quando devo usar o verificador de contraste em vez disso?
Use o verificador de contraste quando precisar comparar duas cores para legibilidade de texto. Este conversor altera apenas uma cor entre formatos.