Convertidor de OKLCH a HEX

Pega un valor oklch() y obtén su equivalente en HEX, además de RGB y HSL. También te indica cuándo un color queda fuera del rango sRGB.

Actualizado el

Tus datos nunca salen de tu ordenador. Todo se procesa localmente en tu navegador.

Cómo usar: Convertidor OKLCH a HEX

  1. Pega tu color, por ejemplo oklch(62.8% 0.2577 29.23).
  2. Revisa la nota de gama debajo del resultado.
  3. Copia el valor HEX para tu respaldo o herramienta de diseño.

¿Cuándo necesitas pasar de OKLCH a HEX?

Algunas herramientas, clientes de correo y navegadores antiguos no entienden OKLCH. Un valor HEX sirve como respaldo seguro:

color: #e83a2e;
color: oklch(62.8% 0.2577 29.23);

Los navegadores usan el último valor que entienden, así que los antiguos se quedan con el HEX.

¿Qué significa “fuera de gama”?

OKLCH puede describir colores muy vivos que HEX no puede almacenar. En ese caso, el valor HEX es la aproximación más cercana, así que en una pantalla de gama amplia puede verse un poco más apagado.

También se busca como: oklch a hex, convertir oklch a hex, oklch a rgb, oklch a hsl, convertidor oklch, oklch fuera de gama, valor oklch a hexadecimal.

Herramientas que combinan con: Convertidor OKLCH a HEX

  • Conversor OKLCH — Explora el espacio de color OKLCH, perceptualmente uniforme, con deslizadores en vivo, comprueba si un color cabe en sRGB y copia los valores HEX, RGB y HSL equivalentes como fallback.
  • Conversor HEX a OKLCH — Pega un color HEX y obtén su valor OKLCH para CSS.
  • Conversor de colores — Pega cualquier color CSS —HEX, rgb(), hsl(), hwb(), oklch() o un nombre como tomato— y obtén al instante todos los demás formatos, además de una paleta 50–950 lista para usar.
  • Conversor HEX a RGBA — Pega un código HEX, arrastra el deslizador de opacidad y copia el CSS exacto que necesitas: rgba() clásico, rgb( / alpha) moderno o HEX de 8 dígitos.

Preguntas frecuentes

¿Por qué mi color HEX se ve diferente?
El color OKLCH puede estar fuera de sRGB, así que HEX muestra el color más cercano que puede representar.
¿Puedo usar OKLCH en Figma?
Depende de tu versión y de los plugins. HEX es la forma más segura de llevar un color a una herramienta de diseño.
¿Se suben mis datos?
No. Todo se ejecuta en tu navegador.
¿Puedo instalar Convertidor OKLCH a HEX como aplicación web y utilizarla sin conexión?
Sí. Convertidor OKLCH a HEX es una aplicación web instalable (PWA): se instala desde el navegador, no se descarga desde una tienda de aplicaciones. Haz clic en «Instalar aplicación» en la parte superior de esta página en Chrome o Edge (Windows, macOS, Linux, ChromeOS) o, en Android, utiliza «Compartir» → «Añadir a la pantalla de inicio» en iPhone y iPad, o «Archivo» → «Añadir al Dock» en Safari 17+ en un Mac. A continuación, se abrirá en su propia ventana con su propio icono y, como se ejecuta íntegramente en tu navegador, seguirá funcionando sin conexión. Firefox en el ordenador de sobremesa no permite instalar aplicaciones web. Cómo funciona la instalación.

Herramientas relacionadas