Convertidor RGB a LCH
Convierte RGB a CIE LCH — la versión cilíndrica intuitiva de CIELAB con L, C, H.
Valores RGB
RGB(193, 102, 65)
LCH(53.2, 49.1, 52°)
L: 53.2C: 49.1H: 52°
CSS: lch(53.2% 49.1 52)¿Qué es CIE LCH?
LCH es la representación cilíndrica de CIELAB. En lugar de ejes cartesianos (a*, b*), usa coordenadas polares (C=crominancia, H=tono). Es más intuitiva que LAB para manipular colores.
| Eje | Rango | Significado |
|---|---|---|
| L | 0 → 100 | Luminosidad (igual que en LAB) |
| C | 0 → ~150 | Crominancia (saturación real) |
| H | 0° → 360° | Tono (hue) perceptual |
LCH vs OKLCH
| Propiedad | LCH (CIELAB) | OKLCH (OKLAB) |
|---|---|---|
| Año | 1976 | 2020 |
| Uniformidad | Buena (problemas en azules) | Superior (corrige azules) |
| Rango L | 0-100 | 0-1 |
| Rango C | 0-~150 | 0-~0.4 |
| Industria | Estándar CIE (espectrofotómetros) | Nuevo, adoptado por CSS |
| CSS | lch() | oklch() |
Preguntas Frecuentes
¿Cuál es la diferencia entre LCH y OKLCH?
LCH es la versión cilíndrica de CIELAB (1976). OKLCH es la versión cilíndrica de OKLAB (2020). OKLCH es más nuevo y perceptualmente más uniforme, especialmente en azules.
¿Puedo usar LCH en CSS?
Sí:
lch(50% 80 270). Los mismos navegadores que soportan oklch() soportan lch(): Chrome 111+, Safari 15.4+, Firefox 113+.¿LCH y OKLCH dan resultados diferentes?
Sí. Aunque ambos son perceptuales, sus escalas L y C difieren. No puedes intercambiar valores entre LCH y OKLCH directamente.
¿Cuándo usar LCH en vez de OKLCH?
LCH es compatible con la industria CIE existente (espectrofotómetros, perfiles ICC). OKLCH es mejor para diseño web nuevo. Elige según tu ecosistema.
¿Qué es la Crominancia en LCH?
La crominancia (C) mide la intensidad del color. C=0 es gris puro. Valores altos (~130+) son colores muy saturados, algunos fuera del gamut sRGB.