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 →