Conversor de Cores
Converta cores entre HEX, RGB, HSL, HWB e CMYK com suporte a transparência e visualização em tempo real.
Como funciona
O conversor de cores converte instantaneamente uma cor entre os formatos HEX, RGB, HSL e HSB/HSV.
Como usar:
- Insira um valor de cor em qualquer campo (HEX, RGB, HSL ou HSB).
- Os outros formatos são atualizados automaticamente.
- Use o seletor visual para escolher uma cor graficamente.
- Copie o formato de que necessita.
Exemplo: #3498db → RGB(52, 152, 219) → HSL(204°, 70%, 53%).
Limitações: A conversão entre espaços de cores pode originar ligeiras diferenças devido ao arredondamento. A ferramenta cobre cores no espaço sRGB padrão.
Privacidade: Tudo é calculado localmente, nada é enviado.
Exemplo prático
Introduza #1E90FF: a ferramenta reporta rgb(30, 144, 255) e hsl(210, 100%, 56%), identifica-o como a cor CSS nomeada dodgerblue e mostra a sua luminância relativa WCAG. A secção de harmonias gera os parceiros complementar, análogos, triádicos e complementares divididos — clique em qualquer amostra para a carregar e continuar a explorar. O caminho inverso é igualmente comum: cole rgb(30, 144, 255) de uma ferramenta de design e copie o hex para a sua folha de estilos, com todos os formatos sincronizados enquanto ajusta o valor.
Casos de uso
- Traduzir a cor HEX de um designer para HSL em animações CSS
- Verificar o triplete RGB por trás de uma cor de marca
- Copiar valores de cor entre ferramentas de design que usam formatos diferentes
- Ensinar teoria das cores com uma amostra visual
Perguntas frequentes
- Qual é a diferença entre HSL e HSB?
- HSL (Matiz, Saturação, Luminosidade) e HSB/HSV (Matiz, Saturação, Valor) usam definições diferentes da componente de brilho.
- Por que os valores convertidos diferem ligeiramente?
- Devido ao arredondamento nas conversões matemáticas.
- Posso inserir uma cor CSS com nome?
- Não, use o código hexadecimal equivalente.
- O formato RGBA é suportado?
- Esta ferramenta cobre HEX, RGB, HSL e HSB sem canal alfa.
- Como copiar o valor?
- Clique no campo de resultado desejado para o selecionar e copie.