Convertidor HEX a LAB
Ingresa un código HEX y obtén los valores CIELAB (L*a*b*) correspondientes.
Código HEX
#
#6C5CE7
LAB(45.9, 36.0, -58.6)
L*: 45.9a*: 36.0b*: -58.6
CSS: lab(45.9% 36.0 -58.6)Cómo Usar
1Ingresa HEX — Escribe o selecciona un preset.
2Obtén LAB — Los valores L*, a*, b* se calculan instantáneamente.
3Copia CSS — Usa
lab() en tu hoja de estilos moderna.¿Por Qué Convertir HEX a LAB?
Análisis de Paleta
Analiza la uniformidad perceptual de tu paleta web. En LAB, puedes detectar si dos colores HEX que parecen similares realmente lo son.
Accesibilidad
El contraste perceptual se calcula mejor en LAB que en RGB. APCA (el futuro de WCAG) se basa en luminosidad perceptual similar a L*.
Generación de Paletas
Interpolar colores en LAB produce degradados más uniformes y naturales que interpolar en RGB o HSL.
🖥️ CSS Moderno
Usa lab() en CSS para alcanzar colores fuera del gamut sRGB en monitores Display P3 y wide-gamut.
Preguntas Frecuentes
¿Es lo mismo HEX→LAB que HEX→RGB→LAB?
Sí. Internamente, HEX se descompone en RGB y luego se convierte a LAB vía XYZ. El resultado es idéntico.
¿Puedo pegar HEX con #?
Sí, el # es opcional. Aceptamos tanto
6C5CE7 como #6C5CE7.¿LAB es útil para diseño web?
Sí. CSS Level 4 permite
lab() nativo. Además, LAB te permite calcular contrastes y armonías de color con mayor precisión que RGB.¿Los valores LAB cambian en modo oscuro?
No. LAB describe un color absoluto. Lo que cambia es cómo percibes ese color según el fondo oscuro o claro.
¿HEX de 3 dígitos funciona?
Sí.
F00 se expande automáticamente a FF0000 antes de la conversión.