Convertir OKLCH a HEX
Escribe un valor OKLCH y obtén HEX al momento. Todo se calcula en tu navegador: nada se envía a un servidor.
Cómo se calcula
L, C y H vuelven a la forma rectangular de Oklab, luego a RGB, y se escriben en hexadecimal. OKLCH es más amplio que sRGB, así que algunos valores no se pueden mostrar: se ajustan al color más cercano y se avisa.
OKLCH
OKLCH usa las mismas tres ideas que HSL — luminosidad, croma, tono — pero sobre un modelo de cómo funciona realmente el ojo. Dos colores con la misma L se ven igual de claros, y por eso sirve tan bien para generar escalas de tonos y para comprobar contraste. Además alcanza colores que sRGB no puede mostrar, así que un OKLCH válido puede no tener un HEX exacto; el conversor los recorta al rango visible.
HEX
HEX es exactamente el mismo trío rojo-verde-azul que RGB, escrito en base 16 para que cada canal quepa en dos caracteres. Sobrevive en todas partes — CSS, herramientas de diseño, archivos de configuración — porque es corto e inequívoco. Las mayúsculas dan igual y #abc abrevia #aabbcc. Un HEX de ocho dígitos añade el alfa al final: por eso #FF000080 es rojo semitransparente.
De OKLCH a HEX, paso a paso
Resuelto con #FF6347. Todos los números salen del mismo motor que usa el conversor de arriba.
-
De polar a rectangular
a = C·cos(H) = 0.165 b = C·sin(H) = 0.105 -
El camino de vuelta
Oklab → lineal RGB → sRGB -
Volver a aplicar la gamma (sRGB)
rgb(255, 99, 71) -
Escribir cada canal en base 16
R 255 = 15×16 + 15 → FF G 99 = 6×16 + 3 → 63 B 71 = 4×16 + 7 → 47 -
Unirlos
# + FF + 63 + 47 = #FF6347
Ejemplos de OKLCH a HEX
| Color | OKLCH | HEX |
|---|---|---|
| Red | oklch(62.8% 0.2577 29.23) |
#FF0000 |
| Tomato | oklch(69.6% 0.1955 32.32) |
#FF6347 |
| Orange | oklch(79.3% 0.171 70.67) |
#FFA500 |
| Gold | oklch(88.7% 0.1822 95.33) |
#FFD700 |
| Limegreen | oklch(74.2% 0.2286 142.83) |
#32CD32 |
| Teal | oklch(54.3% 0.0927 194.77) |
#008080 |
| Dodgerblue | oklch(65.2% 0.1901 253.21) |
#1E90FF |
| Royalblue | oklch(56% 0.1882 266.4) |
#4169E1 |
| Blueviolet | oklch(53.4% 0.2503 301.37) |
#8A2BE2 |
| Hotpink | oklch(72.8% 0.1971 351.99) |
#FF69B4 |
Preguntas frecuentes
Mi OKLCH es válido pero el HEX se ve más apagado. ¿Por qué?
Pediste un color fuera de sRGB. No existe un HEX para él, así que el conversor lo mueve al más cercano que sí existe, normalmente bajando el croma y manteniendo luminosidad y tono.
¿Escribo L como 0,6 o como 60%?
Ambas se aceptan y significan lo mismo. El porcentaje suele leerse mejor en una hoja de estilos, sobre todo junto a otros valores escritos igual.
¿Cómo mantengo una paleta dentro de sRGB?
Mantén el croma por debajo de 0,25 y rara vez saldrás de la gama en ningún tono. Por encima, el techo seguro depende mucho del tono: amarillos y verdes se agotan mucho antes que los azules.