Amplia gama de colores en CSS con Display-P3 | Programar Plus

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

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

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

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

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

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

Enlace directo →