Saisir une couleur, tout lire a son sujet

Construire une interface, ecrire une page, choisir les couleurs d'un graphique : on tient souvent une seule valeur et rien pour la comparer. ColorHexa est un outil gratuit en ligne qui fonctionne comme la notice d'une couleur : mettez un code hexadecimal, un triplet RGB, une valeur HSL ou CMJN dans le champ de recherche, et le dossier complet revient — l'equivalent dans chaque espace de couleur, les nuances claires et foncees, les palettes harmonisees, et meme une simulation de la facon dont la couleur apparait a une personne atteinte de deficience visuelle, le tout sur une page, gratuitement et sans compte.

Une conversion bien plus large que d'ordinaire

L'etendue des formats est inhabituelle pour un outil de ce genre. Au-dela du hexadecimal et du RGB dont vit le travail web, il traite le CMJN, HSL, HSV, CIE-LAB, CIE-LUV, CIE-LCH, Hunter-Lab, XYZ, xyY et meme le binaire. Un designer d'ecran n'aura pas besoin de la plupart un apres-midi ordinaire, mais des qu'une epreuve d'impression, un calcul d'ecart de couleur ou un trace scientifique entre en jeu, ces valeurs epargnent un aller-retour par un manuel et une calculatrice. Le champ complete a la frappe et propose des valeurs proches pendant que les caracteres arrivent ; il accepte aussi les noms de couleurs, utile le jour ou l'on se souvient de tomate mais pas du code.

Palettes et echelle complete de nuances d'un seul geste

Autour de la couleur saisie, la page deroule toute une famille : complementaire, complementaire divisee, analogue, triadique, tetradique et monochrome, chacune donnant des valeurs pretes a copier. En dessous se trouvent les teintes, tonalites et ombres derivees de la couleur, si bien que degrades et palettes de theme ne dependent plus de l'essai-erreur. Deux couleurs peuvent aussi se combiner arithmetiquement : ecrivez les deux dans le champ avec le bon separateur, et l'on obtient leur melange, leur difference et un apercu du degrade entre elles, exactement ce qu'exige l'ajustement d'une couleur de marque.

De petits outils pour verifier plutot que deviner

Quelques details meritent leur place. Un tableau des couleurs web sures confirme si quelque chose tiendra sur du materiel ancien. La simulation de deficience visuelle montre la palette telle qu'un lecteur daltonien rouge-vert la rencontre, ce qui compte pour toute interface vouee a etre accessible. Chaque page montre aussi la couleur en fond et en couleur de texte, si bien que le contraste se juge a l'oeil au lieu d'etre suppose. Ce qui manque, c'est un selecteur visuel ou une roue pour melanger ; l'outil est bati pour le cas ou une valeur existe deja et doit etre examinee, et rassembler un savoir dispersé sur une page est precisement la valeur ajoutee. Developpement front-end, design graphique et visualisation de donnees ont de quoi le garder en favori.

Qui finit par s'en servir

La situation front-end classique est la reprise du projet de quelqu'un d'autre : le fichier de design porte une couleur principale, et les etats de survol, les etats desactives et les lignes de separation doivent en etre derives. Saisissez la principale, et l'echelle rend toute une suite du clair au fonce ; deux paliers voisins suffisent. L'impression est le second cas frequent — une couleur juste a l'ecran sort grise sur le papier, donc convertissez d'abord en CMJN et lisez les proportions d'encre avant de vous engager. Qui construit des graphiques se sert des schemas triadiques et tetradiques pour garder les series distinguables sans crier. Il existe un usage plus discret : mettre deux couleurs dans le champ avec le separateur et lire a quelle distance elles se situent, ce qui decide si une ancienne et une nouvelle couleur de marque cohabitent. L'outil est gratuit et la page charge vite ; le seul ajustement est celui de la posture — on arrive avec une valeur et des questions, au lieu de partir d'une roue et de choisir.