Vibrant.js es una librería javascript basada en la clase Palette de la librería de soporte deAndroid y como el título lo indica, te permite obtener los colores predominantes de cualquier imagen, e incluso te indica el color óptimo para usarse en el texto que se coloque en un fondo con el color obtenido.

Nota: La imagen debe encontrarse en el mismo dominio o usar el código base64, de lo contrario marcará un error.

Modo de uso

Primero debes integrar la librería en tu documento HTML la cual puedes descargar aquí o seguir las instrucciones de la página para instalarla usando npm y coffeeScript.

Una vez integrada la librería, solo necesitas instanciar un nuevo objeto Vibrant pasando como parámetro el elemento del DOM de la imagen que deseas procesar y ejecutar la funciónswatches(), con la cual obtendrás un arreglo con hasta 6 distintos colores: Vibrant, Mutted, DarkVibrant, DarkMutted, LightVibrant y LightMutted.

vibrant-js

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *