Color Scheme Designer

Qui dit présentation esthétique dit harmonie des couleurs. Tout le monde n'a pas le sens inné de l'harmonie colorée et les concepteurs de logiciels de présentation n'échappent pas à la règle ! De nombreux thèmes (gabarits, modèles, ...) proposés par défaut sont bien souvent inutilisables en l'état pour des problèmes d'accords colorés et de contrastes de valeurs sous-estimés.

L'outil ne fait pas l'artisan ou l'artiste et il convient d'utiliser convenablement ceux que nous avons sous la main. Pour ceux qui ne l'utilisent pas déjà pour mettre au point leurs nuanciers je recommande Color Scheme Designer, actuellement dans sa version 3 (les versions antérieures sont disponibles ici).

N'hésitez pas à cliquer sur tout ce qui est cliquable pour explorer les fonctionnalités de l'outil... vous pouvez aussi (si l'anglais ne vous rebute pas) activer le bouton "Swow Tollstips" dans l'onglet "Help" ! Activez le petit bouton "Show sample texte" : vous verrez tout de suite si vous devez choisir une couleur de texte claire, moyenne ou sombre. Les fonctions d'exportations sont particulièrement utiles, à commencer par la création d'un fichier texte mentionnant toutes les valeurs hexa et rvb du nuancier choisi.

Exemple correspondant au nuancier que vous voyez plus haut (et sur lequel vous êtes allés - indirectement via l'url obtenue en cliquant sur "Scheme ID" - si vous avez cliqué sur la photo) :

##### Color Palette by Color Scheme Designer
##### Palette URL: http://colorschemedesigner.com/#3r31Gw0w0w0w0
##### Color Space: RGB;

*** Primary Color:

var. 1 = #0772A1 = rgb(7,114,161)
var. 2 = #225E79 = rgb(34,94,121)
var. 3 = #024A68 = rgb(2,74,104)
var. 4 = #3BA3D0 = rgb(59,163,208)
var. 5 = #63AFD0 = rgb(99,175,208)

*** Secondary Color A:

var. 1 = #FFA400 = rgb(255,164,0)
var. 2 = #BF8C30 = rgb(191,140,48)
var. 3 = #A66B00 = rgb(166,107,0)
var. 4 = #FFBB40 = rgb(255,187,64)
var. 5 = #FFCD73 = rgb(255,205,115)

*** Secondary Color B:

var. 1 = #FF5F00 = rgb(255,95,0)
var. 2 = #BF6530 = rgb(191,101,48)
var. 3 = #A63E00 = rgb(166,62,0)
var. 4 = #FF8740 = rgb(255,135,64)
var. 5 = #FFA773 = rgb(255,167,115)

##### Generated by Color Scheme Designer (c) Petr Stanicek 2002-2010
and colored by le Dendrographe pour les besoins de la cause ;-)

Il est également possible de créer un fichier en .aco à glisser dans le répertoire "Color swatches" (dans le dossier "Presets") de Photoshop. Renommez le auparavant pour le reconnaître. Votre nuancier sera accessible via la palette "Nuancier", en allant le choisir dans la liste de tous les nuanciers disponibles. Sétipabo ?

Pour les concepteurs de site web (ou ceux qui comme moi aime bidouiller avec les CSS) l'export en html est sobre et efficace. La prévisualisation de 2 pages de site utilisant les couleurs sélectionnées est ultra rapide (boutons "Light page example" et "Dark page example") ! Vive les CSS :-)

Color Scheme Designer permet d'anticiper les problèmes de vision des couleurs rencontrés par un certain pourcentage d' hommes et de femmes (... de ce côté là il semble bien que les hommes soient plutôt désavantagés) ! L'onglet "Color Blind" permet de se rendre compte rapidement de ce qu'il est difficile d'imaginer autrement.