0

Resultado Codificado

Color Oklab

Acerca del color Oklab

El color Oklab es un espacio de color perceptual que representa los colores mediante luminosidad y dos componentes de color. Como Lab, separa brillo y color, pero como modelo más reciente está diseñado para que los cambios se acerquen más a la apariencia visual.

ComponenteSignificadoValor de ejemplo
L: LuminosidadRepresenta el brillo del color. 0% es negro y 100% es blanco.60%
aRepresenta la dirección de verde a rojo. Los valores negativos tienden al verde y los positivos al rojo.0.1
bRepresenta la dirección de azul a amarillo. Los valores negativos tienden al azul y los positivos al amarillo.0.1

Por ejemplo, los colores principales como el rojo se pueden representar así.

ColorOklab notaciónNotación RGB
Rojooklab(62.8% 0.2249 0.1258)rgb(255 0 0)
Verdeoklab(51.98% -0.1403 0.1077)rgb(0 128 0)
Limaoklab(86.64% -0.2339 0.1795)rgb(0 255 0)
Azuloklab(45.2% -0.0325 -0.3115)rgb(0 0 255)
Blancooklab(100% 0 0)rgb(255 255 255)
Negrooklab(0% 0 0)rgb(0 0 0)

Para incluir transparencia, añada un valor alfa. Por ejemplo, el rojo semitransparente se puede representar como oklab(62.8% 0.2249 0.1258 / 0.5).

Tratamiento de la luminosidad, a y b

La luminosidad se trata en el rango de 0% a 100%. Los valores inferiores a 0% se tratan como 0%, y los superiores a 100% se limitan a 100%.

a y b se especifican como números positivos o negativos. Sus valores no se recortan a un rango fijo y se tratan como los componentes Oklab indicados.

Diferencia entre Oklab y Oklch

Oklab representa los colores con las coordenadas rectangulares a y b. Oklch usa la misma idea perceptual que Oklab, pero expresa el color con croma y tono.

Diferencia entre Oklab y Lab

Oklab está diseñado para que los cambios visuales sean más uniformes que en Lab al cambiar el tono o el croma. Como la luminosidad y los componentes de color se ajustan para relacionarse mejor con la percepción humana, cambiar los valores en la misma cantidad tiende a producir cambios visuales más regulares. Por ejemplo, al interpolar colores para crear un degradado o al modificar solo el croma, es menos probable que el brillo o el tono se desplacen de forma poco natural.