21 Apr
Bleu, jaune, vert… On connaît tous ces couleurs. Mais si je vous dis : Prairie Sand, Bilbao ou Bossanova ?
Name That Color est un outil qui permet d’associer un nom à une couleur (en hexadécimal).

L’auteur a puisé dans plusieurs listes :
Par exemple, la couleur des liens de mon site s’appelle Lochmara. Qui l’aurait cru ?
3 Apr
Oui, je me suis amusé. Oui, c’est assez pratique. Et non, je n’ai pas téléchargé d’appli uniquement pour la couleur de son icône.






Il est vrai que les deux derniers écrans sont moins pertinents dans cette nouvelle organisation, mais il fallait bien que je classe toutes mes icônes!
19 Feb
J’ai failli poster l’article qui disait que le magenta n’était pas une couleur. Mais il me paraissait un peu bancal. Et l’article, qui date d’il y a quelques semaines, à fait l’objet d’un buzz pas possible ces derniers jours.
Je poste aujourd’hui la réponse à cet article : le Magenta est une couleur.
En résumé, le premier article définissait une couleur comme étant une longueur d’onde particulière dans le spectre lumineux. Le second interprète cette définition comme réductive: la couleur est avant tout une interprétation de la lumière par notre cerveau et ne peut se restreindre à ce que l’on peut voir dans le spectre lumineux. (Corrigez-moi si je me suis trompé…).
Bref, je trouvais cette “bataille” assez sympathique car elle montre qu’un sujet aussi peu couvert habituellement, peut très vite apparaître au premier plan simplement parce que les internautes se l’approprient (comme moi) sans trop savoir la pertinence des propos (d’un côté ou de l’autre).

17 Feb
En uploadant une image sur le Colors Palette Generator de CSS Drive, vous obtenez un 4 nuanciers différents, ainsi que des fichiers CSS et .aco (pour Photoshop) associés.
Un exemple en utilisant une de mes photos prises récemment à New York:

9 Oct
Choisir des couleurs pour son site, c’est cool, parce qu’il n’y a pas de limites. Même si l’on est parfois contraint de respecter une certaine homogénéité lorsqu’il s’agit d’un client ayant déjà une charte graphique définie (même partiellement), les couleurs (et surtout leur association) sont un terrain de jeu quasi infini.
Mais le web, même si il est très graphique, reste un support pour le contenu. Et le média le plus répandu reste le texte. Dans ce cas là, le choix des couleurs doit tenir compte de certaines règles en matière de contraste pour éviter de rendre difficile voire impossible à lire votre site web. Le W3C possède une formule pour analyser ce contraste.
Analyser le contraste de son site
AccessColor est un outil gratuit qui analyse les CSS de votre site pour vérifier le contraste entre le texte et le fond. Il évalue alors la différence de luminosité et le contraste (en utilisant le formule du W3C). Mais il ne marche pas pour les images de fond. Mon site, comme vous le voyez, obtient un très mauvais score.

Analyse AccessColor de bbxdesign
Trouver des couleurs suffisamment contrastées
Autant l’outil précédent est utile pour analyser, autant il ne permet pas de décider quelles couleurs utiliser à la place. C’est là que Particletree entre en jeu. En utilisant là encore la formule du W3C, ils ont écrit une fonction en PHP pour définir la couleur d’un élément en fonction de la couleur de fond. Bien sûr, tout ceci est dynamique.

Wufoo Charts
4 Jul
Ce matin en ouvrant mon navigateur préféré, une mise à jour de Colorzilla était disponible. Vous connaissez sans doute cette extension Firefox qui permet d’avoir un outil “pipette” dans votre navigateur. Ainsi, en naviguant sur un site, il suffit de cliquer sur l’icône Colorzilla et de placer le curseur sur un pixel d’un élément de la page pour connaître ses codes couleurs (RVB et Hexadécimal).
Souvent, lors d’une mise à jour, une page du site de l’extension s’ouvre pour vous décrire les maj installées. En général, je zappe rapidement cette page, pensant qu’il n’y a qu’une liste de bugfix sans intérêt pour ma part. Mais là, j’ai bien fait de lire les nouveautés.
Aujourd’hui, la version 2.0 de Colorilla est sortie. Quoi de neuf ? Et bien 2 fonctions bien pratiques :
- Webpage DOM Color Analyzer
En un clic, vous obtenez une palette de couleurs du site sur lequel vous êtes. Mais le must, c’est qu’il dresse la liste des éléments qui utilisent les couleurs en question. Il y a même la possibilité de sauvegarder la palette ou d’obtenir un permalien vers celle-ci. Voici un exemple avec mon blog :

Un excellent outil pour obtenir les couleurs d’un site que vous appréciez. - Online Palette Viewer
En complément de l’outil précédent, Colorzilla permet de visualiser, sauvegarder et partager les palettes de couleurs proposées par les utilisateurs. Par exemple, voici la palette du site du W3C. Vous remarquerez l’outil “pipette” en bas à gauche de la page, même si vous n’avez pas installé l’extension.
La version 2.0 porte plutôt bien son nom, avec son lot de fonctionnalités de partage très intéressantes, sans oublier la simplicité et l’efficacité du générateur de palettes.