Acerca del color Oklch

El color Oklch es un espacio de color perceptual que representa los colores mediante luminosidad, croma y tono. Usa la misma idea que Oklab, pero expresa el color con croma y un ángulo, por lo que resulta más fácil ajustar por separado la intensidad y el tono.

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

Para incluir transparencia, añada un valor alfa. Por ejemplo, el rojo semitransparente se puede representar como oklch(62.8% 0.2577 29.23deg / 0.5).

Tratamiento de la luminosidad, el croma y el tono

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%.

El croma se trata como un valor de 0 o mayor. Un croma negativo se trata como 0. Si el croma es 0, el color es acromático y el tono se trata como 0deg.

El tono se trata como un ángulo; los valores mayores que 360deg o negativos se normalizan al rango de 0deg a 360deg. Por ejemplo, oklch(62.8% 0.2577 389.23deg) se trata como el mismo color que oklch(62.8% 0.2577 29.23deg).

Diferencia entre Oklch y Oklab

Oklab representa los colores con las coordenadas rectangulares a y b. Oklch convierte el color de Oklab en croma y tono. Por eso, Oklch puede resultar más intuitivo cuando se desea ajustar el croma o el tono manteniendo la misma luminosidad.

Diferencia entre Oklch y LCH

Oklch está diseñado para que los cambios visuales sean más uniformes que en LCH al cambiar el tono o el croma. Como la luminosidad, el croma y el tono 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 girar el tono con la misma luminosidad o al modificar solo el croma, es menos probable que el brillo o el tono se desplacen de forma poco natural.