Ir al selector de color

Conversor de HEX a Display P3

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

Interpretado como HEX

Valor Display P3color(display-p3 0.92577 0.38907 0.25797)
De Display P3 a HEX

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de HEX a Display P3

ColorHEXDisplay P3
#ff0000color(display-p3 0.91749 0.20029 0.13856)
#00ff00color(display-p3 0.4584 0.98526 0.29829)
#0000ffcolor(display-p3 0 0 0.95959)
#ffffffcolor(display-p3 1 1 1)
#000000color(display-p3 0 0 0)
#808080color(display-p3 0.50196 0.50196 0.50196)
#ff5733color(display-p3 0.92577 0.38907 0.25797)
#3b82f6color(display-p3 0.30473 0.50347 0.93383)
#10b981color(display-p3 0.33254 0.71471 0.52213)
#f59e0bcolor(display-p3 0.91216 0.63495 0.23045)
#8b5cf6color(display-p3 0.51827 0.3688 0.93154)
#ec4899color(display-p3 0.85506 0.33272 0.5918)

Sobre HEX y Display P3

HEX escribe el rojo, el verde y el azul con dos dígitos hexadecimales cada uno, como #ff5733. Es la forma más habitual de escribir colores en la web y en las herramientas de diseño.

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

Cómo funciona la conversión

Leemos el valor HEX, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a Display P3. 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 HEX a Display P3?

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

¿La conversión de HEX a Display P3 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.