Como funciona a conversão de cores
O conversor interpreta o valor de cor inserido em diferentes formatos, incluindo HEX, RGB, RGBA, HSL e HSLA. Através de algoritmos padrão, converte instantaneamente entre esses espaços de cor, apresentando todas as versões equivalentes em tempo real.
Por exemplo, ao inserir um HEX como #ff5733 ou um RGB como rgb(255, 87, 51), as conversões para HSL, HEX ou RGB são exibidas automaticamente. Se a cor tiver transparência, basta incluir o canal alfa, como rgba(255, 87, 51, 0.5) ou #ff573380, para ver o resultado nos demais formatos.
Compatibilidade com formatos modernos e legados
O conversor aceita desde sintaxes clássicas até as novas do CSS, como HEX com 8 dígitos e notação alfa separada por barra (rgb(255 87 51 / 50%)). Assim, você pode adaptar cores para qualquer cenário, seja um design antigo ou um projeto moderno.
Vale lembrar que nomes de cores como 'red' ou 'blue' não são convertidos; é preciso inserir valores numéricos. O resultado considera sempre o padrão sRGB, sem perfis personalizados ou diferenças específicas de dispositivos.
Dicas úteis para uso em projetos web
As conversões podem ser copiadas diretamente do ToolMole para código CSS, design tools ou outros aplicativos. O processo é todo local: não há uploads, garantindo privacidade e rapidez. Use letras maiúsculas ou minúsculas em HEX, pois o resultado final não muda funcionalmente.
Se o valor inserido estiver incorreto, o ToolMole indica imediatamente para ajustar a sintaxe. Isso facilita a experimentação de cores e transparências em diferentes formatos, tornando o fluxo de trabalho mais ágil para desenvolvedores e designers.
Perguntas frequentes
Como inserir uma cor com transparência?
Use RGBA (<code>rgba(255, 87, 51, 0.5)</code>), HSLA ou HEX com 8 dígitos (<code>#ff573380</code>). O canal alfa será convertido e exibido nos formatos compatíveis.
O conversor aceita todos os formatos CSS, inclusive os mais recentes?
Sim, ele suporta HEX, RGB, RGBA, HSL, HSLA e sintaxe moderna CSS, como barra para alfa. Formatos proprietários ou nomes de cores não são aceitos.
Posso copiar os valores convertidos para usar em código?
Sim! Basta clicar para copiar o resultado e usar diretamente em CSS, ferramentas de design ou outros projetos sem precisar editar manualmente.
Preciso de internet para usar o conversor?
Não. Toda conversão ocorre no navegador, sem conexão ou uploads, garantindo velocidade e privacidade total.
O ToolMole detecta se a cor inserida está errada?
Sim. Ao identificar um valor inválido, ele solicita correção imediata, facilitando a inserção de cores válidas e evitando erros em projetos.
HEX maiúsculo ou minúsculo altera o resultado?
Não há diferença funcional entre usar letras maiúsculas ou minúsculas em HEX; ambos funcionam igualmente nos navegadores e no ToolMole.
Problema ou sugestão para esta ferramenta? Conte para nós