XColor - Un plugin JQuery pour manipuler les couleurs d'éléments HTML

XColor est un plugin Jquery vous permettant de manipuler aisément les couleurs de vos éléments HTML.

Grâce à la fonction $(this).animate, vous modifiez le CSS d'un élément pour changer la couleur de ce dernier.

Jusque là, on pouvait très bien le faire manuellement avec notre fonction faîte maison, mais ce n'est pas tout:

La fonction $(this).animate vous permet également de changer les couleurs de vos éléments en fonction du temps, pour faire un background animé qui change de couleur par exemple, mais surtout, une autre fonction XColor, vous permet de calculer différentes opérations sur des couleurs (le principal intérêt du plugin).

Vous pouvez ainsi faire de multiples actions qui vous seront sûrement utiles, comme:

• Obtenir une couleur pour assombrir un élément via une couleur, pratique pour l'effet du background d'une lightbox.
• A l'inverse, obtenir une couleur pour éclaircir un élément.
• Obtenir les différentes couleurs d'un dégradé comprises entre 2 couleurs.
• Additionner 2 couleurs pour en obtenir une autre (jaune + bleu = vert par exemple....).
• Ajouter un filtre d'une couleur sur des éléments HTML (cela rappel les filtres de couleur avec Photoshop)
• Extraire le vert, le bleu, le rouge, etc, d'une couleur.
• Savoir si une couleur de texte est lisible sur une couleur de fond (calcule de clarté).
• Savoir quel est le nom de la couleur la plus proche d'une couleur en héxadécimal...
• Obtenir un panel de 2, 3 ou 4 couleurs qui composent une couleur choisie (le vert contient du jaune et du
  bleu).
• Obtenir une couleur qui se marie bien avec une autre.
• Etc...

Si vous ne voyez pas l'intérêt du plugin, voici quelques exemples d'utilisation: gérer la superposition de différents éléments colorés, permettre la modification de design via navigateur, fond assombri ou éclairci à l'ouverture d'une lightbox, savoir si le texte d'un site est bien lisible...

Site Officiel