LIBRAIRIE DE GESTION DES COULEURS POUR CSS : COLORPARSER

cs_flaydeer Messages postés 27 Date d'inscription dimanche 22 août 2004 Statut Membre Dernière intervention 3 septembre 2011 - 21 juin 2010 à 17:53
ryosama Messages postés 35 Date d'inscription jeudi 19 février 2004 Statut Membre Dernière intervention 2 février 2009 - 28 juin 2010 à 08:35
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/51935-librairie-de-gestion-des-couleurs-pour-css-colorparser

ryosama Messages postés 35 Date d'inscription jeudi 19 février 2004 Statut Membre Dernière intervention 2 février 2009
28 juin 2010 à 08:35
Le color-picker que j'ai mis est juste une petite demo de la librairie.
On pourrait améliorer l'exemple mais je voulais plus montrer les possibilités de la librairie.

Je note les remarques, je changerai peut être la démo à l'occasion.
jdmcreator Messages postés 647 Date d'inscription samedi 30 décembre 2000 Statut Membre Dernière intervention 20 juillet 2012 7
27 juin 2010 à 16:38
Bonjour,

Très beau color-parser, probablement un des plus complet que j'ai vu. Seulement, la manipulation du color-parser est très compliqué, impossible de fixer la couleur (il aurait été plus simple de faire un premier clic : la couleur est gelé, deuxième clic : la couleur est dégelée et on peut de nouveau la modifier). Ensuite, il aurait été bien de pouvoir modifier les champs d'information sur la couleur :

Ex : je double-clique sur Saturation : 100% puis je peux modifier la valeur de saturation. Enfin, la couleur s'ajuste avec la nouvelle valeur.

Si vous voyez ce que je veux dire ;)

Je vous donne donc un 8, vous avez fait un très bon effort mais il reste plusieurs choses à modifier avant de pouvoir se vanter d'avoir fait le meilleur color-parser en javascript.
ryosama Messages postés 35 Date d'inscription jeudi 19 février 2004 Statut Membre Dernière intervention 2 février 2009
22 juin 2010 à 10:40
L'exemple a changé et est maintenant :
var color = new colorParser(' 9acd32 ');
color.saturation(color.saturation() + 0.2) ; // on augmente la saturation de la couleur de 20%
document.getElementById('un_element').style.background = color.toRGB(); // on affecte la nouvelle couleur au fond d'un élement
ryosama Messages postés 35 Date d'inscription jeudi 19 février 2004 Statut Membre Dernière intervention 2 février 2009
22 juin 2010 à 09:35
Voici un autre exemple :
var color = new colorParser(' 9acd32 ');
color.saturation += 0.2 ; // on auguemente la saturation de la couleur de 20%
document.getElementById('un_element').style.background = color.toHSL(); // on affecte la nouvelle couleur au fond d'un élement.
cs_flaydeer Messages postés 27 Date d'inscription dimanche 22 août 2004 Statut Membre Dernière intervention 3 septembre 2011
21 juin 2010 à 17:53
Bonjour,

pourrais tu expliquer comment utiliser ce code.

merci