Convertir RGB a OKLCH
Escribe un valor RGB y obtén OKLCH al momento. Todo se calcula en tu navegador: nada se envía a un servidor.
Cómo se calcula
El RGB se linealiza, pasa por Oklab y se lee como L, C y H. En HSL la luminosidad sale del canal máximo y mínimo, por lo que tonos distintos con la misma luminosidad se ven desiguales; la L de OKLCH reduce mucho ese problema.
RGB
RGB describe el color como lo genera una pantalla: tres luces sumadas, cada una de 0 a 255. Las tres a cero dan negro; las tres a 255, blanco. Al reflejar el hardware es exacto y sin pérdida, pero cuesta razonar con él: hacer un color algo más cálido obliga a mover dos o tres números a la vez sin una dirección evidente.
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.
De RGB a OKLCH, paso a paso
Resuelto con #FF6347. Todos los números salen del mismo motor que usa el conversor de arriba.
-
Deshacer la gamma (RGB lineal)
R 1 G 0.125 B 0.063 -
Coordenadas Oklab
L 0.696 a 0.165 b 0.105 -
A forma polar — croma y tono
C = √(a²+b²) = 0.196 H = atan2(b, a) = 32.3° -
Resultado
oklch(69.6% 0.1955 32.32)
Ejemplos de RGB a OKLCH
| Color | RGB | OKLCH |
|---|---|---|
| Red | rgb(255, 0, 0) |
oklch(62.8% 0.2577 29.23) |
| Tomato | rgb(255, 99, 71) |
oklch(69.6% 0.1955 32.32) |
| Orange | rgb(255, 165, 0) |
oklch(79.3% 0.171 70.67) |
| Gold | rgb(255, 215, 0) |
oklch(88.7% 0.1822 95.33) |
| Limegreen | rgb(50, 205, 50) |
oklch(74.2% 0.2286 142.83) |
| Teal | rgb(0, 128, 128) |
oklch(54.3% 0.0927 194.77) |
| Dodgerblue | rgb(30, 144, 255) |
oklch(65.2% 0.1901 253.21) |
| Royalblue | rgb(65, 105, 225) |
oklch(56% 0.1882 266.4) |
| Blueviolet | rgb(138, 43, 226) |
oklch(53.4% 0.2503 301.37) |
| Hotpink | rgb(255, 105, 180) |
oklch(72.8% 0.1971 351.99) |
Preguntas frecuentes
¿Por qué la conversión linealiza primero el RGB?
Los valores RGB de pantalla están codificados con gamma, así que los números no son proporcionales a la luz real. Hay que deshacer esa codificación antes de que cualquier modelo perceptual pueda usarlos.
Dos colores tienen la misma L pero se ven distintos. ¿Es normal?
Sí: L solo iguala la luminosidad percibida. El croma y el tono siguen siendo distintos, así que uno puede verse mucho más vivo. Es justo la propiedad que quieres al construir una escala: pasos que coinciden en brillo sin ser el mismo color.
¿Es OKLCH mejor que LAB para esto?
Para elegir y ajustar colores, sí. El LAB clásico distorsiona el tono al cambiar la luminosidad — los azules derivan hacia el morado — y Oklab se diseñó justamente para corregirlo.