15 outils en ligne pour créer des palettes de couleur

Rigueur. Et passion !

Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ?

Le blog de l'intégrateur web

15 outils en ligne pour créer des palettes de couleur

Pour le webdesigner d’aujourd’hui comme pour le peintre d’hier, le choix d’une bonne palette de couleur est déterminant pour la réussite d’une oeuvre, fut-ce un site web. Pour y parvenir, voici quelques ressources en ligne pour obtenir rapidement des palettes de couleurs de qualité, tout en s’amusant.

La couleur ? Longtemps elle a semblé échapper à toute appréhension, son caractère « accidentel » a découragé toute science. Sur elle on ne pouvait fonder un art. D’où la prééminence du dessin. Puis Newton établit que la lumière blanche n’est pas homogène mais composée. A sa suite, Buffon puis Goethe font leur place aux couleurs d’origine physiologique qu’ils rapportaient à l’oeil percevant. Les années 1840 marquent, elles, le grand tournant dont nous demeuront les héritiers : Chevreul, savant chimiste, remet en question les rapports admis de l’oeil avec l’objet perçu. Il établit la loi générale qui régit la perception des rapports entre couleurs contiguës. Une revalorisation de la couleur s’ensuivit qui a excercé une influence considérable sur plusieurs générations de peintres : Delacroix, les impressionnistes, Van Gogh, Gauguin, Seurat, Signac, les symbolistes, les futuristes et Delaunay. Le changement de paradigme ouvre sur la conquête des voies propres de la couleur qui conduiront la peinture jusqu’à l’abstraction.

Art et science de la couleur. Chevreul et les peintres, de Delacroix à l’abstraction. Edition revue et augmentée. George Roque. Gallimard, Collection Tel. 2009.

1. Toucan Color Palettes

Toucan fait partie des outils de création et d’édition en ligne proposés par Aviary. Vous pourrez très facilement créer vos palettes de couleur et les sauvegarder. Il est possible de lier Aviary à son compte Flickr pour piocher des couleurs dans votre stock de photos. Cerise sur le gâteau, il est possible de visualiser une palette de couleurs selon différentes affections de la vision telles que : protanopy, protanomaly, deutéranopy, deutéranomaly, tritanopy, tritanomaly, achromatopsy ou achromatomaly. Pratique pour s’assurer que les informations véhiculées par les couleurs seront accessibles pour tous !

2. kuler

L’outil indispensable pour chercher l’inspiration ou créer votre palette de couleur à partir de couleurs choisies d’après un nuancier (analogique, monochromatique, triade, complémentaire) ou en fonction de différentes teintes ou saturation. Des curseurs interactifs vous permettront d’affiner les choix initiaux en toute liberté selon votre intuition ou vos savants calculs quelque soit le mode colorimétrique de base : HVS, RGB, CMYK, LAB, HEX

Il est également possible de déterminer une palette de couleur d’après une image que vous aurez téléchargée depuis votre poste de travail ou depuis le meilleur site de photo au monde : flickr. Vous obtiendrez une palette de couleur que vous pourrez modifier en faisant varier les points chauds de l’image en question au cas où les couleurs par défaut passeraient à côté d’une couleur significative de l’image. Vous pourrez également faire varier les couleurs par défaut selon six modes prédéfinis.

3. ColorSuckr

Créé par Paul Burgess, ColorSuckr génère votre palette de couleur à partir du profil chromatique de votre image une fois que vous aurez indiqué son URL. Il est également possible de choisir une palette d’après une photo présente sur flickr en précisant un mot-clé. L’originalité vient du fait que l’on peut — pour chaque dominante de couleur — afficher les palettes de couleur déjà créées sur COLOURlovers. C’est un excellent exemple de mashup dans la pure tradition du web 2.0 !

4. colourlovers

COLOURlovers est un générateur de palettes qui prend la température de ce qui se fait de mieux en terme de nuanciers à travers le monde autant qu’il influe sur les tendances à venir. COLOURlovers permet à chacun (publicitaire, designer, graphiste, architecte, etc.) de chercher parmi des centaines de nuanciers, de les comparer entre eux et de se tenir au courant de ce qui se passe dans le milieu de la couleur, le tout en version française !

Voir tout spécialement les outils spécifiques dans Tools.

5. Pictaculous

L’originalité de cet outil est d’être compatible avec votre iphone : prenez une photo depuis votre appareil, envoyez-là à l’adresse colors@mailchimp.com et patientez pour la réponse !

6. Color Palette Generator

Pour commencer, choisissez une couleur en utilisant le sélectionneur de couleur, et une palette composée d’un camaïeu de 6 couleurs sera calculée automatiquement. Ce site comblera les fanas de couleurs grâce à la possibilité de sauvegarder des sets de couleurs aux formats Photoshop et Illutrator ! Voire de se faire envoyer les camaïeu par email !

7. colr

Dans le même esprit que Color Palette Generator le site extrait les couleurs d’une photo et propose une fonction « schemes » qui propose un dégradé selon les couleurs trouvées. Notez que si les couleurs ne vous conviennent pas, vous pourrez cliquer à nouveau pour avoir une autre proposition. Il est possible de tagger les couleurs et d’effectuer des recherches par tag ce qui s’avère très pratique quand on cherche une couleur par association d’idée.

8. Color Blender d’Eric Meyer

Un peu plus frustre d’apparence, mais néanmoins très utile. Voir ma petite note sur ce Color Blender pour une traduction du mode d’emploi.

9. colorschemer

Comme les autres, ce site permet de définir une palette de couleur mais se distingue en offrant l’utilitaire ColorPix pour prélever les couleurs visibles à l’écran. Le zoom va jusqu’à 2800% ce qui devrait suffire. L’application peut se lancer au démarrage et une option permet de placer la fenêtre au premier-plan ou la réduire dans la barre des tâches. En appuyant sur une touche, la couleurs sélectionnée est verrouillée. Redémarrez si cette fonction ne marche pas.

10. COLOROTATE

Colorotate offre une belle interface (bien qu’un peu confuse au premier abord) pour créer, mixer, mélanger les couleurs pour obtenir de palettes de couleurs. Le plus de Colorotate est d’afficher les palettes selon plusieurs types de déficiences visuelles.

11. Colorjack Studio

Je n’ai pas vraiment été convaincu par l’ergonomie et le look and feel de Colorjack Studio, mais qui sait, peut-être trouvera-t-il son public. En revanche, vous serez peut-être intéressés par les autres outils disponibles sur le site, comme Color Galaxy et Color Sphere.

12. Daily Color Scheme

Tous les jours une ressource colorée sous la forme d’une palette de couleur à télécharger pour Photoshop, Illustrator, etc. mais aussi sous forme de fichier CSS ou HTML.

13. Color Hunter

Crée une palette de couleur d’après un tag, une couleur hexadécimale (ne mettez pas le symbole# devant), l’URL d’une image ou en fonction d’une image sur votre disque dur. Propose également de modifier la tonalité des couleurs en diminuant la saturation.

14. Color Scheme Designer

Très bel outil pour créer des sets de couleurs modifiables globalement en jouant sur la saturation, le constraste ou en ajustant chaque couleur séparément.

Color-Hex

Un outil très simple, limite basique mais qui vous permettra d’aller à l’essentiel une fois que vous aurez saisi le code hexadécimale de votre couleur : traduction dans les autres modes colorimétriques (RGB, HSL, HSV, CMYK) ; affichage des couleurs triadiques, monochromatiques, analogues ou complémentaires. L’outil propose également quelques codes HTML et CSS prêts à l’emploi, comme .mybgcolor {background-color: #5e5391; }.

J’ai un faible pour les propositions monochromatiques qui permettent d’obtenir très rapidement une teinte plus claire ou plus foncé que la couleur de base.

PS : N’hésitez pas à participer à ce billet en soumettant à l’attention des lecteurs les outils qui font votre bonheur quotidien ;)

Articles sur le même sujet

PS : Le respect de la vie privée sur internet est important : j'ai décidé d'échanger mon bouton Like de Facebook par un bouton Faire un don de Paypal car
Il n'y pas d'amour, il n'y a que des preuves d'amour (Jean Cocteau) ;) Merci d'avance.



39 commentaires pour “15 outils en ligne pour créer des palettes de couleur”

  1. Antonin dit :

    Merci pour cette liste, quel est l’outil que tu utilises le plus ?

  2. Salut moi j utilise colorzilla de part mon navigateur firefox cela m aide beaucoup.colorZilla a l avantage de telecharger les palettes de votre choix et d etre disponnible sur le navigateur d un click droit ou sur la toolbar Merci

  3. arc47 dit :

    Merci pour votre article, en fait je suis d’accord avec vous que la couleur est déterminant pour la réussite d’une œuvre.

  4. Chaussures dit :

    Bonjour, merci pour ce billet très intéressant.

    Petite contribution: pour ma part j’utilise FirePalette qui consiste à avoir une palette de couleur dans le panneau CSS de firebug. Je trouve ca très pratique ;)

  5. Shopping dit :

    Merci pour cette liste qui va m’être très utile!

  6. faire part dit :

    Un tout grand merci pour cette liste plutôt exhaustive! Dire que mon créateur de faire-parts n’utilisait que les mêmes types de couleurs! Je vais lui communiquer surtout le Generator qui est excellent!

  7. [...] D’un point de vue didactique, Chromoflash débroussaille le terrain avec une certaine efficacité, sans compter qu’il existe d’autres outils pour le choix de la palette de couleurs. [...]

  8. [...] This post was mentioned on Twitter by daori and daori, Bruno Bichet. Bruno Bichet said: [mise à jour] 14 outils en ligne pour créer des palettes de couleur http://j.mp/cttxfW [...]

  9. [...] personnes susceptibles d’intervenir sur le site. Vous pouvez également enregistrer votre palette de couleur et fournir des palettes au format Photoshop ou [...]

  10. [...] ♥ Des outils pour choisir sa palette de couleurs [...]

  11. [...] ♥ Des outils pour choisir sa palette de couleurs [...]

  12. Kuler est indétrônable à mon avis, mais je vais quand même tester les autres de ce pas !

  13. Salut Antonin, me revoilà ;) Au quotidien j’ai tendance à utiliser les outils intégrés à Illustrator qui suffisent largement pour créer des palettes de couleurs.

  14. [...] ♥ Des outils pour choisir sa palette de couleurs [...]

  15. David dit :

    Bonjour, Personnellement, j’utilise http://0to255.com/. Même si il ne crée pas vraiment de palettes, il permets d’afficher toutes les nuances d’une couleurs. Vraiment très utile pour créer une hiérarchie visuel sur les titres par exemple.

    Ps: un grand merci pour ce blog que j’ai découvert il n’y a pas très longtemps. Je suis débutant et autodidacte donc ce blog m’aide beaucoup.

  16. Juegos dit :

    What more could one ask for from a great blog…Keep writing such more posts

  17. [...] 14 outils en ligne pour créer des palettes de couleur [...]

  18. Margot dit :

    Merci pour cette liste, chouette !

  19. [...] certaine efficacité, sans compter qu’il existe d’autres outils pour le choix de la palette de couleurs.L’idéal serait d’avoir un très beau visuel sur lequel promener la pipette pour [...]

  20. adidas dit :

    [...] certaine efficacité, sans compter qu’il existe d’autres outils pour le choix de la palette de couleurs.L’idéal serait d’avoir un très beau visuel sur lequel promener la pipette pour [...]

  21. summerha dit :

    vous le savez, j’aime beaucoup ce post!!!!

  22. [...] 14 outils en ligne pour créer des palettes de couleur Pour le webdesigner d'aujourd'hui comme pour le peintre d'hier, le choix d'une bonne palette de couleur est déterminant pour la réussite d'une oeuvre, fut-ce un site web. Source: css4design.com [...]

  23. [...] 14 outils en ligne pour créer des palettes de couleur Pour le webdesigner d'aujourd'hui comme pour le peintre d'hier, le choix d'une bonne palette de couleur est déterminant pour la réussite d'une oeuvre, fut-ce un site web. Source: css4design.com [...]

  24. [...] 14 outils en ligne pour créer des palettes de couleur Pour le webdesigner d'aujourd'hui comme pour le peintre d'hier, le choix d'une bonne palette de couleur est déterminant pour la réussite d'une oeuvre, fut-ce un site web. Source: css4design.com [...]

  25. [...] 14 outils en ligne pour créer des palettes de couleur Pour le webdesigner d'aujourd'hui comme pour le peintre d'hier, le choix d'une bonne palette de couleur est déterminant pour la réussite d'une oeuvre, fut-ce un site web. Source: css4design.com [...]

  26. [...] 14 outils en ligne pour créer des palettes de couleur Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! [...]

  27. [...] 14 outils en ligne pour créer des palettes de couleur Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! Voulez-vous en savoir plus ? [...]

  28. [...] Ne dites pas à ma mère que je suis artisan en architecture de l'information appliquée aux sites web : elle croit que je suis webdesigner, intégrateur HTML & CSS, rédacteur web, formateur NTIC et consultant en webmarketing depuis 2001 ! 14 outils en ligne pour créer des palettes de couleur | webdesigner | Scoop.it [...]

  29. Marc dit :

    Bonjour ! Pour ma part, j’utilise depuis peu http://www.colorhexa.com/. C’est un site qui permet d’obtenir tout un tas d’informations sur une couleur donnée (conversion, variations de teinte, couleurs complémentaires). Le gros point fort de cette app, c’est qu’on peut taper la couleur dans à peu près n’importe quel format (hexadecimal, rvb, cmjn, tls, lab, etc…), sans vraiment s’embarrasser de la syntaxe. Il est même possible de mélanger des couleurs entre elles ou de générer un gradient. Je trouve ça vraiment bien fichu. :)

  30. pour créer dit :

    Buffon puis Goethe font leur place aux couleurs d’origine physiologique qu’ils rapportaient à l’oeil percevant

  31. le webdesigner dit :

    Ce tour d’horizon sur float contient également une palanquée de liens qui nike tn requin valent également le coup d’oeil

  32. sont publiés dit :

    Vous pourrez très facilement créer vos timberland femme palettes de couleur et les sauvegarder

  33. un commentaire dit :

    Le changement de paradigme ouvre sur la conquête des air max pas cher voies propres de la couleur qui conduiront la peinture jusqu’à l’abstraction

  34. Woooow, effectivement, après avoir rapidement testé PunnyPNG,Tn Requin Classic. Le plugin Rewrite analyzer permet de vérifier le bon .

  35. personnes susceptibles d’intervenir sur le site. Vous pouvez également http://www.backtothetrees.fr Le plugin Rewrite analyzer permet de vérifier le bon .

  36. palettes de couleur Pour le webdesigner d’aujourd’hui comme pour le peintre d’hier, le choix d’une bonne palette de http://www.charlottebaudoin.fr couleur est déterminant pour la réussite d’une oeuvre, fut-ce un site web

  37. Bruno Bichet, intégrateur HTML & CSS dit :

    Salut Antonin, me revoilà ;) Au quotidien j’ai tendance à utiliser les outils intégrés à Illustrator qui suffisent largement pour créer des palettes de couleurs. Après, j’aime bien parcourir les schèmes sur Kuler pour l’inspiration et voir les nouvelles tendances. J’ai un faible pour Color Blender qui permet de faire des dégradés simples de quelques couleurs entre un avant et un arrière-plan, par exemple.

  38. Antonin dit :

    Super, merci pour ton retour, j’étais passé à côté de colorblender, simple mais efficace !

Laissez un commentaire

Vous pouvez utiliser les balises HTML suivantes : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Les commentaires sont publiés sous votre pleine et entière responsabilité et ne doivent pas contrevenir aux lois et règlementations en vigueur. Les propos racistes ou antisémites, diffamatoire ou injurieux, divulguant des informations fausses, relatives à la vie privée d'une personne ou utilisant des oeuvres protégées par les droits d'auteurs ne sont pas les bienvenus et seront modérés sans modération.

Merci d'être constructif et n'oubliez pas : « sans la liberté de ramer il n'est point d'éloge flotteur ! »



Colophon

CSS & Webdesign est une publication irrégulomadaire à tendance hebdomadaire
éditée par Bruno Bichet qui carbure à WordPress et au café équitable.
Tous droits réservés © 2006 - 2011.

Contactez l'auteur du site