🎨 Conversor de Cores – HEX · RGB · HSL · CMYK · Pantone

Sobre

O conversor de cores do Toolio permite selecionar qualquer cor visualmente, digitar um código HEX, inserir os valores R, G, B ou inserir os valores H, S, L e ver imediatamente HEX, RGB, HSL e CMYK juntos com botões de cópia em um clique. O campo HEX aceita códigos de 3 ou 6 dígitos, com ou sem o #; um código de 3 dígitos, como #f53, expande-se para #ff5533 quando pressiona Enter ou sai do campo, um código de 8 dígitos com transparência é aceito, mas a parte alfa é ignorada, e um código inválido é marcado em vez de ser ignorado silenciosamente. Uma paleta de tons com cinco etapas mostra a cor exata mais duas tonalidades mais escuras e duas mais claras, sempre ordenadas do mais escuro para o mais claro, e uma tabela de cores com 12 tons em 7 níveis de luminosidade mais uma linha de cinzas permite clicar em qualquer código HEX rotulado para carregá-lo. Tudo é executado no lado do cliente em JavaScript — nenhum dado jamais sai do navegador, tornando seguro usá-lo com cores de marca ou de projeto que prefere manter em privado. Ele também mostra o número PANTONE Solid Coated mais próximo para a cor (por exemplo, PANTONE 185 C) — uma referência útil para começar quando precisar mover uma cor de tela para impressão. Os valores CMYK também são mostrados, mas como uma aproximação de tela não calibrada em vez de uma separação pronta para impressão — os números reais dependem do perfil de saída (US Web Coated SWOP, FOGRA39, Japan Color), então confirme com a gráfica antes de enviar a arte final.

Como usar

1. Use o seletor de cor ou digite um código HEX (ex: #ff6b4a) no campo HEX.
2. Alternativamente, insira valores individuais de R, G, B (0–255) ou H (0–360), S e L (0–100) para começar com uma cor RGB ou HSL.
3. Veja os valores convertidos de HEX, RGB, HSL e CMYK — mais a correspondência mais próxima Pantone — no painel de resultados da conversão.
4. Clique em qualquer botão Copiar ao lado de um formato para copiá-lo para sua área de transferência.
5. Explore as cinco amostras da paleta de tons abaixo dos campos de entrada para escolher uma tonalidade mais clara ou mais escura.
6. Ou role até a tabela de cores e clique em qualquer rótulo HEX para carregar essa cor.

Perguntas frequentes

Este conversor de cores é gratuito para usar?

Sim, totalmente gratuito. Não há conta, assinatura ou qualquer tipo de paywall.

Ele envia meus dados de cor para um servidor?

Não. Todas as conversões acontecem localmente no seu navegador usando JavaScript. Nada é enviado para qualquer servidor.

O conversor de cores funciona offline?

Sim. Depois que a página for carregada, você pode se desconectar da internet e ele ainda funcionará totalmente. Ele também suporta ser salvo como uma Aplicação Web Progressiva.

Quais formatos de cor ele suporta?

Ele converte entre HEX (ex. #ff6b4a), RGB (ex. rgb(255, 107, 74)) e HSL (ex. hsl(11, 100%, 65%)) e também mostra CMYK. Pode inserir uma cor como código HEX, como valores R, G, B ou como valores H, S, L, e todos os outros formatos se atualizam ao mesmo tempo.

O que é a funcionalidade da paleta de tons?

A paleta de tons mostra cinco amostras: a cor exata mais duas tonalidades mais escuras e duas mais claras da mesma tonalidade e saturação, sempre ordenadas do mais escuro para o mais claro, sem duplicatas. Uma cor quase preta mostra quatro etapas mais claras após ela, e uma cor quase branca mostra quatro etapas mais escuras antes dela. Clicar em uma amostra atualiza todos os campos para essa tonalidade, permitindo copiar os códigos também.

Ele mostra a cor Pantone mais próxima?

Sim. Juntamente com HEX, RGB e HSL, o conversor mostra a correspondência mais próxima PANTONE Solid Coated (por exemplo, PANTONE 185 C) com um botão de cópia em um clique. A correspondência é encontrada com a fórmula de diferença de cor perceptual CIEDE2000. Como as tintas Pantone são definidas fisicamente e não por um valor de tela, a correspondência sRGB é uma referência aproximada, e não uma tinta exata.

Ele fornece valores CMYK?

Sim, mas trate-os como uma aproximação de tela e não como uma separação pronta para impressão. O conversor usa a fórmula padrão de conversão RGB para CMYK não calibrada, que não tem um perfil ICC por trás — os valores reais de separação dependem do seu perfil de saída (US Web Coated SWOP, FOGRA39, Japan Color). A linha Pantone CMYK é derivada da aproximação sRGB da tinta correspondente, e não dos dados licenciados Color Bridge de Pantone, e muitas cores especiais caem totalmente fora do gamut CMYK. Sempre confirme com sua gráfica antes de enviar o artwork.

O que acontece se eu digitar um código HEX inválido?

O campo HEX recebe um contorno vermelho e uma mensagem curta, e a cor anterior permanece. Um código de 3 dígitos, como #f53, é aplicado ao pressionar Enter ou sair do campo, e um código de 8 dígitos com transparência (#RRGGBBAA) usa os primeiros 6 dígitos e ignora a parte alfa.

Existe uma tabela de cores?

Sim. Abaixo dos resultados, há uma tabela de cores com 12 tons em 7 níveis de luminosidade mais uma linha de cinzas. Cada célula é rotulada com o código HEX, e clicar nela carrega essa cor no conversor. A tabela contém apenas códigos HEX, não nomes de cores.

Esta ferramenta envia meus dados?

Não. Tudo é executado no seu navegador, então seus dados nunca saem do seu dispositivo — e funciona até offline depois que a página carrega.

Executado 176 vezes nos últimos 29 dias. Resultado copiado ou baixado: 19% Medido em nossos próprios servidores, 2026-10-01–2026-10-30.