Conversor de Cores
Cole uma cor em qualquer formato comum para ver os valores HEX, RGB, HSL e HSV, além de tons mais claros e mais escuros para montar uma paleta.
Grátis Roda no navegador Sem cadastro
HEX
#7f52ffRGB
rgb(127, 82, 255)HSL
hsl(256, 100%, 66%)HSV
hsv(256, 68%, 100%)Tons e variações
As cores são convertidas localmente no seu navegador.
Como usar
1
Informe uma cor
Use o seletor ou cole um valor HEX, RGB ou HSL.
2
Veja todos os formatos
A ferramenta mostra HEX, RGB, HSL e HSV lado a lado.
3
Copie o valor
Copie o formato que seu CSS ou ferramenta de design espera.
Por que usar esta ferramenta
Quatro modelos de cor
HEX, RGB, HSL e HSV ficam sincronizados.
Tons e variações
Veja variantes mais claras e escuras para uma paleta rápida.
Local e instantâneo
Sem upload, sem conta e sem biblioteca externa.
Perguntas frequentes
Qual a diferença entre HSL e HSV?
HSL usa luminosidade, enquanto HSV usa valor ou brilho. HSL é comum em CSS e HSV em seletores de design.
Suporta alpha?
O conversor foca em cores sólidas. Valores alpha são ignorados ao interpretar entradas rgba ou hsla.
Posso colar cores de CSS?
Sim. Valores hex, rgb() e hsl() são todos aceitos.
Por que os números variam um pouco?
Os valores são arredondados para exibição, mas a conversão interna usa precisão total.
Existe um verificador de contraste?
Sim. A ferramenta de contraste usa o mesmo mecanismo de cores para testar as taxas WCAG.
Ferramentas relacionadas
Cor e design Gerador de Gradiente CSS Crie gradientes CSS lineares, radiais e cônicos com pontos de cor ajustáveis e copie o CSS ou o valor Tailwind. Grátis e local. Cor e design Verificador de Contraste Confira a taxa de contraste entre texto e fundo e veja se o par passa nos níveis WCAG AA e AAA para texto normal e grande. Ferramentas de imagem Conversor de Formato de Imagem Converta imagens PNG, JPG e WebP no navegador. Escolha formato e qualidade, mantenha a transparência quando possível e baixe na hora. Utilidades do dia a dia Gerador de QR Code Crie QR codes para links, textos e mensagens e baixe em PNG ou SVG. Ajuste tamanho, cores e correção de erro; tudo roda localmente. Ferramentas de desenvolvimento Codificador e Decodificador Base64 Codifique texto em Base64 ou decodifique Base64 de volta para texto, com suporte a UTF-8 e à variante URL-safe. Roda no navegador, sem upload. Ferramentas de texto Conversor de Caixa de Texto Converta texto entre MAIÚSCULAS, minúsculas, Title Case, caixa de frase, camelCase, PascalCase, snake_case e kebab-case na hora.
Última atualização: