Código de cor Conversor

Converta entre códigos de cor HEX, RGB, HSL e HSV e pré-visualize. Digite um valor em qualquer campo e os demais se atualizam automaticamente.

Opacidade 100%

HEX

RGB

HSL

HSV

Formatos suportados

HEX: #4f8cf2, #48f, com alfa #4f8cf2cc
RGB/RGBA: rgb(79, 140, 242), rgba(79,140,242,0.8)
HSL/HSLA: hsl(217, 87%, 63%), hsla(217,87%,63%,0.8)
HSV: hsv(217, 67%, 95%)

Você também pode ajustar com o seletor de cor e o controle de opacidade. Todos os cálculos acontecem no navegador.

Exemplo prático e critérios de verificação

Código de cor Conversor: Primeiro identifique se a origem é texto, componente de URL, JSON, CSV, CSS, JavaScript, cor ou token e confira codificação, delimitadores, aspas e quebras de linha. Codificar não é criptografar, decodificar não verifica assinatura e minificar não otimiza código; defina o formato de saída e o destino antes de executar.

Código de cor Conversor: Para uma verificação rápida, comece com #336699 ↔ rgb(51,102,153) como uma entrada pequena cuja relação de resultados possa verificar diretamente. Confirme se o resumo, as unidades e as opções correspondem à sua intenção antes de aplicar a valores reais ou a uma cópia do original; isso reduz erros de configuração.

Código de cor Conversor: Insira a saída no navegador, ferramenta de build, API ou tela de design de destino e confira erros de análise ou mudanças de significado. Decodificar não prova autenticidade, um hash não é descriptografável e código minificado não garante o mesmo comportamento. Guarde o original e os testes e evite inserir senhas, tokens ou dados pessoais.

Código de cor Conversor · Registro do trabalho: Em um trabalho real, registre em conjunto as condições de entrada, as opções escolhidas e o resultado. Não suponha que o estado será mantido após recarregar ou trocar de dispositivo. Guarde separadamente resultados importantes por cópia, download, captura de tela ou outro método da página e reabra-os no ambiente de destino.

Código de cor Conversor · Verificação de erros: Se aparecer um erro ou resultado inesperado, reduza a entrada, execute novamente com as opções padrão e mude uma condição por vez. Registrar mensagens e valores de limite ajuda a distinguir problemas de formato, casos não suportados e limites de recursos do navegador, além de evitar considerar um resultado vazio como sucesso.

Código de cor Conversor · Escopo de uso: Consulte a orientação da página para saber se há processamento no navegador ou consulta ao servidor, onde os dados ficam e o que é suportado. Use originais sensíveis ou segredos apenas quando indispensável. Decisões jurídicas, financeiras ou médicas e mudanças em sistemas operacionais exigem informações oficiais atuais e verificação independente.