Conversor de Display P3 a OKLab

Pega un valor Display P3 y obtén OKLab al instante. Cualquier otro formato también sirve.

Desde Display P3

Interpretado como CSS color()

Valor OKLaboklab(68.036% 0.17474 0.1165)

De OKLab a Display P3

Ajustar el color

Matiz11°

Opacidad100 %

Luminosidad68 %

Croma0,210

Matiz34°

Todos los demás formatos

Ejemplos de Display P3 a OKLab

Color	Display P3	OKLab
	color(display-p3 0.91749 0.20029 0.13856)	oklab(62.796% 0.22486 0.12585)
	color(display-p3 0.4584 0.98526 0.29829)	oklab(86.644% -0.23389 0.1795)
	color(display-p3 0 0 0.95959)	oklab(45.201% -0.03246 -0.31153)
	color(display-p3 1 1 1)	oklab(100% 0 0)
	color(display-p3 0 0 0)	oklab(0% 0 0)
	color(display-p3 0.50196 0.50196 0.50196)	oklab(59.987% 0 0)
	color(display-p3 0.92577 0.38907 0.25797)	oklab(68.036% 0.17474 0.1165)
	color(display-p3 0.30473 0.50347 0.93383)	oklab(62.308% -0.03325 -0.18505)
	color(display-p3 0.33254 0.71471 0.52213)	oklab(69.587% -0.14216 0.04488)
	color(display-p3 0.91216 0.63495 0.23045)	oklab(76.859% 0.0561 0.15481)
	color(display-p3 0.51827 0.3688 0.93154)	oklab(60.563% 0.08454 -0.20193)
	color(display-p3 0.85506 0.33272 0.5918)	oklab(65.592% 0.21073 -0.021)

Sobre Display P3 y OKLab

Display P3 es la gama amplia de las pantallas modernas de Apple y de muchos móviles. Abarca cerca de un 25 % más de colores que sRGB y se escribe color(display-p3 r g b).

OKLab es un espacio de color perceptual moderno de 2020. Los pasos iguales se ven iguales, por eso los degradados y las mezclas quedan más limpios que en RGB o HSL.

Cómo funciona la conversión

Leemos el valor Display P3, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a OKLab. Los valores fuera de la gama de destino se ajustan con el algoritmo de CSS Color 4, que conserva la luminosidad y el matiz y reduce el croma.

Preguntas y respuestas

¿Cómo convierto Display P3 a OKLab?

Pega o escribe un valor Display P3 en el campo de arriba. PickShade lo convierte con las fórmulas de CSS Color 4 mientras escribes, y un clic copia el valor OKLab.

¿La conversión de Display P3 a OKLab es exacta?

El cálculo es exacto y el resultado solo se redondea para mostrarlo, con suficientes decimales para volver al mismo color. Si el color no cabe en la gama de destino, PickShade te avisa y muestra el color más cercano que sí cabe.

¿Puedo obtener otros formatos a la vez?

Sí. Todos los demás formatos, incluidos OKLCH, Display P3, Tailwind, SwiftUI, Flutter y Android, aparecen bajo el resultado y se copian con un clic.

¿Este conversor es gratuito?

Sí. Es gratis, no necesita registro y funciona entero en tu navegador.