Amplia gama de colores en CSS con Display-P3

 

 

 

Aquí hay algo de lo que nunca había oído hablar antes: compatibilidad con Display-P3 en la especificación de nivel 4 del módulo de color CSS . Se trata de un nuevo perfil de color compatible con determinadas pantallas e introduce una gama mucho más amplia de colores entre los que podemos elegir.

En este momento, la sintaxis se parece a esta en CSS:

header { color: rgb(0, 255, 0); /* fallback color */ color: color(display-p3 0 1 0);}

Parece raro, ¿eh? En el blog de WebKit , Nikita Vasilyev muestra cómo podemos ver estos nuevos colores en DevTools de Safari:

En 2016, Dean Jackson escribió sobre la mejora del color en la web y por qué Apple está interesada en esta gama de colores mucho más amplia. La idea general es que los colores más precisos crean una experiencia de usuario mejor y más vibrante.

 

Además, parece que todo esto sólo está disponible en Safari en este momento.

Enlace directo →






SUSCRÍBETE A NUESTRO BOLETÍN 

No te pierdas de nuestro contenido ni de ninguna de nuestras guías para que puedas avanzar en los juegos que más te gustan.










Al suscribirte, aceptas nuestra política de privacidad y nuestros términos de servicio.






Tal vez te puede interesar:

  1. ¿Cómo se hace el tamaño máximo de fuente en CSS?
  2. Cambiar el tamaño de los valores en pasos en CSS
  3. ¿Qué hace “revertir” en CSS?
  4. CSS4 es una mala idea

Amplia gama de colores en CSS con Display-P3

Amplia gama de colores en CSS con Display-P3

Aquí hay algo de lo que nunca había oído hablar antes: compatibilidad con Display-P3 en la especificación de nivel 4 del módulo de color CSS . Se trata de

programar

es

https://pseint.es/static/images/programar-amplia-gama-de-colores-en-css-con-display-p3-1378-0.jpg

2024-06-13

 

Amplia gama de colores en CSS con Display-P3
Amplia gama de colores en CSS con Display-P3

Si crees que alguno de los contenidos (texto, imagenes o multimedia) en esta página infringe tus derechos relativos a propiedad intelectual, marcas registradas o cualquier otro de tus derechos, por favor ponte en contacto con nosotros en el mail [email protected] y retiraremos este contenido inmediatamente

 

 

Update cookies preferences