Conversor de cores (Hex, RGB, HSL)
Visualização da cor
#6366f1
Guia de uso
O Conversor de Cores é uma ferramenta online para converter valores de cor entre os formatos HEX, RGB, HSL, HSV e CMYK — tudo executando localmente em seu navegador. A conversão de formato de cor é uma tarefa diária para designers e desenvolvedores front-end: Figma exporta códigos HEX, CSS usa HEX e RGB/HSL, fluxos de trabalho de impressão requerem CMYK. A ferramenta aceita qualquer valor de cor válido e mostra instantaneamente o valor equivalente em todos os formatos suportados. Uma grande amostra de cor permite confirmação visual imediata.
- Inserir um valor de cor — Digite ou cole qualquer valor de cor no campo de entrada: código HEX (#6366f1 ou #fff), valor RGB, valor HSL ou nome de cor CSS. O conversor detecta o formato automaticamente.
- Usar o seletor de cor — Clique na amostra de cor ou no botão do seletor de cor para abrir o seletor de cor nativo do navegador.
- Ler todos os equivalentes de formato — A ferramenta exibe a cor escolhida simultaneamente em HEX, RGB (0–255), RGB (0–1 normalizado), HSL, HSV e CMYK.
- Ajustar canais individuais — Ajuste finamente a cor modificando valores de canais individuais — por exemplo, mudar apenas o canal alfa em RGBA.
- Copiar qualquer formato — Clique no botão "Copiar" ao lado de qualquer linha de formato para copiar aquele valor específico para sua área de transferência.
- Verificar com a amostra — A grande prévia da amostra de cor sempre mostra a cor realmente renderizada. Use-a para confirmar visualmente os valores convertidos antes de copiar.
Perguntas frequentes
Que formatos de cor esta ferramenta suporta?
A ferramenta converte entre três formatos CSS amplamente usados: HEX (#RRGGBB), RGB (rgb(r, g, b) com valores 0–255) e HSL (hsl(h, s%, l%) — Matiz 0–360°, Saturação e Luminosidade 0–100%). Também aceita cores CSS com nome como "tomato" ou "deepskyblue".
Qual é a diferença entre RGB e HSL?
RGB descreve uma cor pelas suas intensidades de luz vermelha, verde e azul (0–255 cada). HSL descreve uma cor pelo seu Matiz (posição na roda de cores, 0–360°), Saturação (0–100%) e Luminosidade (0–100%). HSL é frequentemente mais intuitivo para designers pois ajustar luminosidade ou saturação é direto.
Esta conversão de cor é feita num servidor?
Não. Toda a lógica de conversão funciona no seu navegador com JavaScript nativo. Nada é enviado para nenhum servidor.
Posso usar esta ferramenta offline?
2Kit é uma PWA. Após a sua primeira visita, fica em cache e funciona completamente offline.
Por que preciso de converter entre formatos de cor?
Diferentes ferramentas e fluxos de trabalho usam diferentes formatos de cor. Ferramentas de design frequentemente exportam em HEX, enquanto animações CSS e sistemas de temas podem usar HSL para manipulação programática mais fácil.
Implementação técnica
Todo o processamento é executado inteiramente no seu navegador — nenhum dado é enviado a qualquer servidor. Esta ferramenta funciona completamente offline como um Aplicativo Web Progressivo (PWA): após a primeira visita, todas as páginas e recursos são armazenados em cache pelo Service Worker e permanecem disponíveis sem conexão à internet. Os seus dados de entrada nunca saem do seu dispositivo, tornando-o seguro para conteúdo sensível como chaves de API, senhas, configurações privadas e documentos confidenciais.