Impressum

Outils pour créer une palette de couleur ergonomique pour le Web

lundi 5 mars 2012
par  François Daniel Giezendanner
popularité : 2%
2 votes

 Sélection personnelle

Voici une sélection personnelle de huit outils en ligne pour créer des palettes de couleurs « pouvant répondre à des critères ergonomiques » :

Color Hunter est un webware qui vous permet de créer une palette de couleurs prête à être intégrée dans votre CSS à partir d’une image importée depuis votre ordinateur, d’une URL, d’un code Hexadécimal ou d’un mot-clé..

Il permet d’obtenir son nuancier de trois façons :

  • En soumettant une photo (screenshot d’un site dont vous aimez les couleurs, une image ou une photo dont vous souhaiteriez reproduire les tons), qui sera analysée et dont le webware tirera des couleurs assorties. Pour cela il suffit d’utiliser l’interface en indiquant le chemin de l’image sur votre disque dur.
  • En sélectionnant l’un des carrés colorés parmi les palettes déjà disponibles. À noter, la possibilité de passer en un clic des nuances froides aux nuances chaudes, et vice-et-versa, sur le même ensemble de couleurs assorties. Attention toutefois : cette fonctionnalité est bien cachée. Elle est accessible en cliquant sur le petit icône situé à côté des flêches de pagination, en bas de page.
  • En indiquant un mot clé anglais du style « sand », « water », waves »…. Celui-ci sera recherché parmi les nuanciers déjà créés sur le webware

Jusque là rien de bien révolutionnaire. J’ai tout de même aimé la possibilité de naviguer de couleur en couleur, en cliquant sur les petites vignettes.

Cela permet d’affiner petit à petit vers un spectre qui vous convient. Mieux, il est possible de passer en un clic de nuances froides à des nuances chaudes, et vice-et-versa, sur le même ensemble assorties.


Un site utile quand il s’agit d’avoir une harmonie dans le choix des couleurs de sa dernière création.

Ce site, en français, permet d’échanger des palettes de couleurs et autres motifs avec d’autres internautes. Un moteur de recherche par type de couleur, mots-clefs, nombre de vote ..., vous pouvez dénichez en peu de temps une palette adaptée à votre demande. Fouiller dans l’onglet « palette - le top » où l’on trouve des trucs sympathiques assez rapidement ! Après, il vous suffit d’enregistrer l’image, de l’ouvrir dans votre logiciel de dessin préféré et de récupérer les couleurs ... Bien évidemment, on ne trouve jamais vraiment ce que l’on souhaiterait, mais cela permet quand même de débloquer quelques situations...

Ce service vous aide à trouver les bonnes couleurs pour mettre en scène votre site web. Il offre principalement des palettes composées généralement de 5 couleurs qui sont censées être harmonieuses entre elles. Ces palettes sont proposées par les utilisateurs eux-mêmes et vous pouvez voter pour celles que vous préférez. Sur le papier, le site est très intéressant car il peut vraiment être utile pour dénicher des associations originales entre différentes couleurs, ça peut vraiment être une source de créativité intéressante.

Vous pouvez également choisir et voter pour des couleurs, seules, sorties de la palette. Ok, on va tomber sur de belles couleurs parfois, mais je trouve qu’une couleur prend toute son importance dès lors qu’elle est associée à une autre. Par contre, là où ça peut devenir intéressant c’est qu’à partir d’une couleur, le site vous propose d’aller sur iStockPhoto, dénicher des photos correspondant à cette couleur.


Palettes de couleurs Les couleurs se déclinent en tant de versions différentes qu’il convient de les présenter en palettes de couleurs. Voici donc, à votre disposition dans cette rubrique, un échantillonnage de centaines de couleurs accompagnées de leur code respectif.


I Like Your Colors est un outil du site Redalt qui permet de récupérer l’ensemble des couleurs d’un site web à partir d’une url. Une palette est créer à partir des images ainsi que des couleurs utilisées dans les fichiers CSS.


Création de palettes de couleurs


Kuler est une application publiée par Adobe Labs qui permet de construire très facilement et rapidement vos palettes de couleurs en ligne.

Avec Kuler, vous pouvez rechercher des nuanciers crées par d’autres internautes, ou bien concevoir les vôtres, les garder pour vous ou encore les partager...

En se connectant avec son id Adobe on peut alors télécharger les thèmes ( thèmes sauvegardés en format Adobe Stock Exchange (ASE) ) ou bien encore les stocker en ligne dans MyKuler qui est donc son propre espace Kuler en ligne ou on peut aussi stocker ses créations.


ColoRotate est un outil permettant de générer des palettes de couleur très simplement et gratuitement.

Le service web est gratuit, le plugin pour la Suite Adobe est payant.

Les couleurs sont part indissociables de l’espace 3D. Alors pourquoi tous les sélecteurs de couleurs sont-ils en 2D ?

Michael Douma et ses collègues de chez idea.org se sont donc atellés à la tâche de créer cette interface 3D permettant de gérer, créer et partager vos palettes de couleurs.

Un travail remarquable et esthétiquement très aboutit que je vous invite à découvrir : ColoRotate.

Très beau et complet avec une bonne prise en main ! Le must étant quand même que l’espace de visualisation/réglage soit en 3d ! L’accès à l’import d’une image dans un premier temps et à l’export ensuite vers un fichier ACT ou ASE se fait grâce au bouton avec 2 flèches vertes . Le bouton avec 4 petits points ouvre une fenêtre de “prévisualisation” avec plusieurs choix de motifs , en cliquant deux fois on inverse la palette. Sympa et pratique.


Pictaculous est un petit outil en simple et totalement efficace pour la fonction qu’il occupe, à savoir un générateur de palette de couleur à partir d’une image.

C’est tout simple, vous choisissez une image depuis votre ordinateur, vous cliquez sur le bouton et Pictaculous va extraire les cinq couleurs les plus dominantes sur votre photo et vous offrir les code couleurs.

Pictaculous va plus loin, il vous propose des suggestions de couleurs de Kuler et ColourLovers en fonction de vos résultats, mais aussi le fichier palette couleur compatible Adobe pour l’utiliser sous Photoshop par exemple.

En plus de vous donner une palette de couleurs, Pictaculous vous suggérera des nuanciers puisés chez Kuler et Colour Lovers, proches du votre.


 4 outils de base

Shizuka a sélectionné les 4 outils 1. Colorblender, 2. Color lovers, 3. BIG HUGE Labs : palette generator et 4. KULER pour créer en ligne des palettes de couleurs « pouvant répondre à des critères ergonomiques », il les présente sur les pages Web :

  • palette graphique
    http://www.shizuka.fr/zest/spip.php?rubrique12
    1. Colorblender
      Dans la série des outils en ligne qui vont vous aider à élaborer la charte graphique de votre site voici une adresse qui m’a été communiquée par Jef (merci pour l’info) . Comme beaucoup d’autres outils du même type (voir les autres articles de cette rubrique) vous pouvez également sauvegarder votre (...)
    2. Color lovers
      Un site colourlovers qui offre un panel des meilleures compositions couleurs conçues dans l’univers Internet. Disponible en plusieurs langues dont le français, ce qui est toujours appréciable. Ce site se veut "une ressource qui surveille et influence des couleurs tendances. COLOURlovers donne aux (...)
    3. BIG HUGE Labs : palette generator Dans la série des outils permettant de construire la palette graphique de son site on peut noter également cet utilitaire qui permet de créer un nuancier harmonieux à partir d’une photo (utilise l’api Flickr) : On peut également télécharger le nuancier au format *.ase pour utilisation dans les (...)
    4. KULER Kuler est une nouvelle application publiée par Adobe Labs qui permet de construire très facilement et rapidement vos palettes de couleurs en ligne. Rendez-vous sur cette page pour découvrir l’application Kuler Avec Kuler, vous pouvez rechercher des nuanciers crées par d’autres internautes, ou bien (...)

 Autres outils

Il existe un grand nombre d’outils en ligne pour créer des palettes de couleurs « pouvant répondre à des critères ergonomiques ». En compléments aux 4 outils susmentionnés, nous en avons sélectionné un certain nombre que nous vous donnons ici, faites votre choix :


 J’ai essayé avec intérêt

  1. 1. Colorblender, 2. Color lovers, 3. BIG HUGE Labs : palette generator et 4. KULER (Cf. ci-dessus)

  2. Color palette generator
    http://www.cssdrive.com/imagepalette/index.php

  3. I Like Your Colors !
    Utilisez cette outil pour extraire très facielement les jeux de couleurs de pages HTML ou de CSS se trouvant sur le net
    http://www.redalt.com/Tools/ilyc.php

  4. The Man in Blue - experiment - Technicolor
    http://www.themaninblue.com/experiment/Technicolor/

  5. colr.org
    http://www.colr.org/

  6. Color Palette Generator - degraeve.com - color-palette
    http://www.degraeve.com/color-palette/

  7. Tendances Web 2007 : 60 palettes de couleur élégantes pour vos sites Web
    Publié le 29 août 2007 par caphar
    http://www.lepotlatch.org/2007/08/95-tendances-web-2007-60-palettes-de-couleur-elegantes-pour-vos-sites-web/

  8. code-couleur.com - palettes
    http://www.code-couleur.com/palettes.html

  9. Color Blender
    http://meyerweb.com/eric/tools/color-blend/

  10. Choisir les Couleurs de son site Internet : Nuancier & Palette de couleurs ...
    http://alphadesign.fr/joomla/palette-de-couleur.php

  11. color scheme designer
    http://colorschemedesigner.com/

  12. colrd.com
    http://colrd.com/

  13. colorotate.org
    http://www.colorotate.org/

  14. colr.org
    http://www.colr.org/

  15. pictaculous
    http://pictaculous.com/

  16. colourlovers
    http://www.colourlovers.com/

Publications

Derniers articles publiés

Agenda

<<

2017

 

<<

Septembre

 

Aujourd'hui

LuMaMeJeVeSaDi
28293031123
45678910
11121314151617
18192021222324
2526272829301
Aucun évènement à venir les 6 prochains mois

Météo

Ville(SZXX0013)

Conditions météo à 0h0
par weather.com®

Inconnu

°C


Inconnu
  • Vent :  km/h - N/D
  • Pression :  mbar tendance symbole
Prévisions >>


Annonces

Embed Twitter « responsive tools »

Pour le faire sur votre site


Embed Twitter « RWD »

Pour le faire sur votre site


Embed Twitter dans SPIP

Pour le faire sur votre site


Sites favoris


4 sites référencés dans ce secteur