O que é um conversor de cores?
Um conversor de cores traduz um valor de cor para os formatos comumente usados em web design, CSS, design systems e notas de entrega. Uma mesma 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 voltadas para impressão. Esta ferramenta reúne essas representações para que você possa copiar a versão correta sem recalcular manualmente.
O conversor é propositalmente compacto. Ele foca em cores sRGB práticas para web: HEX, RGB, HSL, HSV e uma aproximação simples de CMYK. Não tem a intenção de substituir softwares profissionais de gerenciamento de cor ou fluxos de trabalho com perfis ICC.
Formatos de cor suportados
| Format | Example | Melhor usado para |
|---|---|---|
| HEX | #3366FF | CSS, tokens de design, entrega visual rápida |
| RGB | rgb(51, 102, 255) | Valores CSS, trabalho em canvas, canais de cor programáticos |
| HSL | hsl(225, 100%, 60%) | Ajustes de tema por matiz, saturação e claridade |
| 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 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 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 para desenvolvimento
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 para impressão
Gere valores CMYK aproximados para discussão, deixando a saída final de impressão para ferramentas que usam perfis.
Perguntas Frequentes
A saída CMYK é exata?
Não. O valor CMYK é uma conversão simples a partir de sRGB, útil para anotações gerais. 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 sintaxes comuns de funções RGB, HSL, HSV e no 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 a transparência alfa?
Ela consegue interpretar formas alfa comuns como RGBA, HSLA e HEX de oito dígitos, mas o swatch principal e a saída para copiar focam em cores opacas práticas para web.
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 sRGB na web, 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 somente transforma uma cor entre formatos.