Sabes lo que son las media-queries en CSS3?
Son una especie de reglas, para que se ejecute una parte u otra de tu código CSS, la que tu especifiques dependiendo de unos valores, por ejemplo, puedes especificar que se ejecuta TAL código si la pantalla del dispositivo en el que se está ejecutando tu web tiene 600 px o menos de ancho, sería algo así:
Código CSS:
Ver original@media screen and (max-width: 600px) {
.class {
background: #ccc;
}
}
Pues
color-index es otra regla media-query, pero para controlar los colores que acepta el dispositivo.
Muchas veces habrás escuchado: esta pantalla muestra X colores (miles o millones o lo que sea), pues con color-index controlar eso, mostrar tal o cual contenido dependiendo de el numero de colores que acepte un dispositivo.
Algunas explicaciones:
Stackoverflow1 y
Stackoverflow2 Mozilla Developers
Espero que te sea de ayuda.
Saludos.