Conversor de Cores
Converta cores entre HEX, RGB, HSL e OKLCH, pré-visualize o resultado e copie qualquer valor. Tudo acontece localmente no navegador.
Aceita valores de cor HEX, RGB(A), HSL(A) e OKLCH.
sem envio ao servidor
HEX
#7c5cff
RGB
rgb(124 92 255)
HSL
hsl(252 100% 68%)
OKLCH
oklch(59.9% 0.23 286.2)
Conversor de cores baseado no navegador
Converta cores entre HEX, RGB, HSL e OKLCH ao projetar interfaces, escrever CSS ou verificar cores de marca. Digite ou escolha qualquer formato suportado e veja todos os valores equivalentes atualizarem instantaneamente.
As cores são convertidas localmente no navegador. Nenhum valor de cor é enviado ao oddkit.
Casos de uso comuns
- Traduzir cores de ferramentas de design em valores prontos para CSS
- Verificar a transparência alfa entre formatos
- Explorar valores OKLCH para cor moderna e perceptualmente uniforme
Formatos suportados
Lê HEX (3/4/6/8 dígitos), rgb()/rgba(), hsl()/hsla() e oklch(), incluindo valores de alfa, e gera todos os quatro formatos.
FAQ
Minhas cores são enviadas para o oddkit?
Não. A conversão acontece localmente no navegador.
Suporta transparência alfa?
Sim. HEX, RGB, HSL e OKLCH suportam canal alfa, que é mantido em todos os valores convertidos.
O que acontece se eu digitar uma cor inválida?
A ferramenta mostra uma mensagem de erro clara em vez de travar, para você corrigir a entrada sem perder o que já digitou.
Conversões comuns
HEX para RGB
Converta códigos de cor HEX para rgb(), para CSS, canvas ou ferramentas de design que esperam canais RGB.
RGB para HEX
Converta valores rgb() ou rgba() para um código HEX, para entrega de design ou uso direto em CSS.
HEX para HSL
Converta HEX para hsl() para ajustar matiz, saturação e luminosidade de forma independente.
RGB para HSL
Converta rgb() para hsl() quando precisar ajustar a luminosidade ou a saturação sem alterar o matiz.
HEX para OKLCH
Converta HEX para oklch() para ajustes de cor perceptualmente uniformes em CSS moderno.
HSL para OKLCH
Converta hsl() para oklch() para migrar de um espaço de cor legado para um espaço amplo e perceptualmente uniforme.
Ferramentas relacionadas
Gerador de Imagem Fictícia
Crie imagens sólidas, em gradiente ou com padrões e salve no formato de sua preferência.
Conversor de Imagem
Converta imagens JPG, PNG e WebP localmente no navegador. Escolha o formato de saída e a qualidade, depois baixe o arquivo convertido.
Compressor de Imagem
Reduza o tamanho do arquivo de imagem localmente no navegador. Ajuste qualidade, dimensões máximas e formato de saída antes de baixar a imagem otimizada.