Quando devo usar OKLCH em vez de HEX?

OKLCH é perceptualmente uniforme, o que significa que passos numéricos iguais parecem passos visuais iguais. Isso o torna a escolha certa ao gerar uma paleta de cores, calcular contraste acessível ou fazer qualquer manipulação algorítmica de cor. Para tokens de design estáticos, HEX ainda está ótimo.

Todas as conversões são sem perda?

A conversão entre HEX, RGB e formatos de cor de 8 bits é sem perda. Conversões envolvendo HSL ou OKLCH podem introduzir pequenos arredondamentos de ponto flutuante no último dígito, mas o resultado é visualmente idêntico.

Ele suporta transparência?

Sim. Todo formato com suporte a alfa (HEX com oito dígitos, RGBA, HSLA, OKLCH com alfa) é tratado corretamente. As conversões preservam o canal alfa exatamente.

Posso escolher uma cor de uma imagem?

Não diretamente aqui. Para extração de paleta de uma imagem, use a ferramenta Extrator de Paleta de Cores. Este conversor foca em transformar um valor de cor conhecido entre formatos.

Alguma coisa é enviada para um servidor?

Não. A conversão roda inteiramente no seu navegador. A aba de Rede ficará vazia durante o uso.

Conversor de Cores — HEX, RGB, HSL, OKLCH Online

Conversor de Cores (HEX, RGB, HSL, OKLCH)

Privado por design — roda inteiramente no seu navegador

Converta cores entre HEX, RGB, HSL, OKLCH e valores nomeados no seu navegador. O Toova mostra uma pré-visualização ao vivo, deixa você ajustar canais com sliders e exibe a saída completa em todos os formatos pronta para colar em CSS, ferramentas de design ou código de produção.

Por que tantos formatos de cor

HEX (#ff6600) é o mais comum em CSS e fácil de digitar. RGB (rgb 255 102 0) é o que todo formato de imagem entende. HSL (hsl 24 100% 50%) é mais intuitivo para escolher tons porque matiz, saturação e luminosidade correspondem à forma como os humanos pensam sobre cor. OKLCH é o formato moderno que corrige a uniformidade perceptual — passos numéricos iguais parecem passos visuais iguais. O Toova converte entre todos eles sem perda.

Pré-visualização ao vivo e sliders de canal

Cole uma cor em qualquer formato e o Toova mostra uma amostra ao vivo mais a conversão completa para todos os outros formatos. Arraste qualquer slider de canal — matiz, saturação, luminosidade, vermelho, verde, azul, alfa — e a pré-visualização atualiza em tempo real. Isso facilita ajustar uma cor base para um tom, corrigir contraste ou gerar um estado de hover sem sair da aba do navegador.

Só localmente

A conversão de cor acontece inteiramente no seu navegador. Os valores que você cola nunca saem da página. Isso é exagero para códigos de cor, mas torna a ferramenta rápida e confiável — sem viagem ao servidor, sem limites de taxa, sem quedas. A página funciona offline após o primeiro carregamento.

Perguntas Frequentes

Quando devo usar OKLCH em vez de HEX?: OKLCH é perceptualmente uniforme, o que significa que passos numéricos iguais parecem passos visuais iguais. Isso o torna a escolha certa ao gerar uma paleta de cores, calcular contraste acessível ou fazer qualquer manipulação algorítmica de cor. Para tokens de design estáticos, HEX ainda está ótimo.
Todas as conversões são sem perda?: A conversão entre HEX, RGB e formatos de cor de 8 bits é sem perda. Conversões envolvendo HSL ou OKLCH podem introduzir pequenos arredondamentos de ponto flutuante no último dígito, mas o resultado é visualmente idêntico.
Ele suporta transparência?: Sim. Todo formato com suporte a alfa (HEX com oito dígitos, RGBA, HSLA, OKLCH com alfa) é tratado corretamente. As conversões preservam o canal alfa exatamente.
Posso escolher uma cor de uma imagem?: Não diretamente aqui. Para extração de paleta de uma imagem, use a ferramenta Extrator de Paleta de Cores. Este conversor foca em transformar um valor de cor conhecido entre formatos.
Alguma coisa é enviada para um servidor?: Não. A conversão roda inteiramente no seu navegador. A aba de Rede ficará vazia durante o uso.