LIBRAIRIE DE GESTION DES COULEURS POUR CSS : COLORPARSER

Signaler
Messages postés
27
Date d'inscription
dimanche 22 août 2004
Statut
Membre
Dernière intervention
3 septembre 2011
-
Messages postés
35
Date d'inscription
jeudi 19 février 2004
Statut
Membre
Dernière intervention
2 février 2009
-
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

Messages postés
35
Date d'inscription
jeudi 19 février 2004
Statut
Membre
Dernière intervention
2 février 2009

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.
Messages postés
647
Date d'inscription
samedi 30 décembre 2000
Statut
Membre
Dernière intervention
20 juillet 2012
7
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.
Messages postés
35
Date d'inscription
jeudi 19 février 2004
Statut
Membre
Dernière intervention
2 février 2009

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
Messages postés
35
Date d'inscription
jeudi 19 février 2004
Statut
Membre
Dernière intervention
2 février 2009

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.
Messages postés
27
Date d'inscription
dimanche 22 août 2004
Statut
Membre
Dernière intervention
3 septembre 2011

Bonjour,

pourrais tu expliquer comment utiliser ce code.

merci