Como usar: Conversor OKLCH para HEX
- Cole sua cor, como
oklch(62.8% 0.2577 29.23). - Confira o aviso de gamut abaixo do resultado.
- Copie o valor HEX para usar como fallback ou na sua ferramenta de design.
Quando você precisa converter OKLCH para HEX?
Algumas ferramentas, clientes de e-mail e navegadores mais antigos não entendem OKLCH. Um valor HEX funciona como um fallback seguro:
color: #e83a2e;
color: oklch(62.8% 0.2577 29.23);Os navegadores usam o último valor que entendem, então os mais antigos continuam usando o HEX.
O que significa “fora do gamut”?
O OKLCH consegue descrever cores muito vibrantes que o HEX não consegue armazenar. Nesses casos, o valor HEX é a correspondência mais próxima, então pode parecer um pouco mais opaco em telas de gamut amplo.
Também pesquisado como: oklch para hex, converter oklch para hex, oklch para rgb, oklch hex fallback, conversor de cores oklch.
Ferramentas que combinam com: Conversor OKLCH para HEX
- 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 HEX para OKLCH — Cole uma cor HEX e veja o valor OKLCH dela para CSS.
- Conversor de Cores — Cole qualquer cor CSS — HEX, rgb(), hsl(), hwb(), oklch() ou um nome como tomato — e veja todos os outros formatos na hora, além de uma paleta pronta de 50 a 950.
- Conversor HEX para RGBA — Cole um código HEX, arraste o slider de opacidade e copie o CSS exato que você precisa: rgba() tradicional, rgb( / alpha) moderno ou HEX de 8 dígitos.
Perguntas frequentes
Por que minha cor HEX parece diferente?
A cor OKLCH pode estar fora do sRGB, então o HEX mostra a cor mais próxima que consegue representar.
Posso usar OKLCH no Figma?
O suporte depende da sua versão e dos plugins. O HEX é a forma mais segura de levar uma cor para uma ferramenta de design.
Meus dados são enviados para algum servidor?
Não. Tudo roda no seu navegador.
Posso instalar o Conversor OKLCH para HEX como um aplicativo da web e usá-lo offline?
Sim. O Conversor OKLCH para HEX é 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.