Como usar: Conversor HEX para OKLCH
- Cole sua cor HEX, como #2563eb.
- Ajuste a luminosidade, o croma ou o matiz se quiser uma variação.
- Copie o valor
oklch()para o seu CSS.
Por que converter HEX para OKLCH?
O HEX informa ao navegador qual cor exibir, mas é difícil de ajustar manualmente. O OKLCH divide uma cor em luminosidade, croma e matiz, então você pode criar um tom mais escuro alterando apenas um número. Cores com a mesma luminosidade também parecem igualmente claras, o que ajuda a montar paletas consistentes.
Não conhece o formato? Leia como usar OKLCH em CSS ou veja a comparação em OKLCH vs HSL.
Também pesquisado como: hex para oklch, converter hex para oklch, conversor hex oklch, oklch a partir de hex, cor hex em oklch, hex to oklch, gerador de cores oklch, oklch css.
Ferramentas que combinam com: Conversor HEX para OKLCH
- Conversor OKLCH — Explore o espaço de cor OKLCH, perceptualmente uniforme, com controles deslizantes em tempo real, veja se a cor cabe no sRGB e copie os fallbacks HEX, RGB e HSL correspondentes.
- Conversor OKLCH para HEX — Cole um valor oklch() e receba o equivalente em HEX, além de RGB e HSL.
- Mixer de Cores — Escolha duas cores e a quantidade de passos para obter cores de transição misturadas uniformemente — perfeitas para gradientes, bordas, gráficos e estados de hover.
- Gerador de cores do Tailwind — Cole uma cor da marca e obtenha uma escala de tons equilibrada de 11 etapas (50 a 950) integrada ao OKLCH — com dicas de contraste e exportações para Tailwind v3, v4, CSS e SCSS.
Perguntas frequentes
A conversão é exata?
É muito próxima. Os valores são arredondados para deixar o CSS legível, então a cor pode variar uma quantidade minúscula e invisível.
Os navegadores suportam OKLCH?
Sim. Todos os principais navegadores modernos suportam. Navegadores muito antigos precisam de um fallback em HEX.
Meus dados são enviados para algum lugar?
Não. Tudo roda no seu próprio navegador.
Posso instalar o Conversor HEX para OKLCH como um aplicativo da web e usá-lo offline?
Sim. O Conversor HEX para OKLCH é um aplicativo da web instalável (PWA) — instalado a partir do seu navegador, não baixado de uma loja de aplicativos. Clique em “Instalar aplicativo” na parte superior desta página no Chrome ou no Edge (Windows, macOS, Linux, ChromeOS) ou, no Android, use “Compartilhar” → “Adicionar à tela inicial” no iPhone e no iPad, ou “Arquivo” → “Adicionar ao Dock” no Safari 17+ em um Mac. Em seguida, ela se abre em uma janela própria com seu próprio ícone e, como é executada inteiramente no seu navegador, continua funcionando offline. O Firefox no desktop não permite a instalação de aplicativos da web. Como funciona a instalação.