Buzz Facebook Twitter Web Design by JGTHMS

bbxdesignMon blog perso On ne dit pasLe vrai monde du web DDDSGNWeb Design Inspiration WakerBêtises du web Words on DesignWeb Design Quotes Quotes 94Le côté obscur du bureau

bbxdesign

CSS + WordPress + Web Design

couleur
bd couleur css firefox Flash google gratuit ie6 interface iphone javascript jeu jeux vidéo musique navigateur new york photo photoshop vidéo wordpress

allRGB : des images avec 16 millions de couleurs

Vous connaissez les écrans qui affichent + de 16 millions de couleurs ? Bon. Ben là c’est pas des écrans mais des images de 16 millions de couleurs. Et plus précisément : 16 777 216 couleurs. Autrement dit : TOUTES les couleurs disponibles en RGB (où chaque couleur, je le rappelle, correspond à l’addition de trois longueurs d’ondes pour chacune des trois couleurs Rouge, Vert, Bleu pour lesquelles il existe 256 longeurs d’onde chacune). Et ça donne allRGB.

Si vous avez du temps et des compétences en création d’algorithmes

1 commentaire »

Chaque couleur a un nom

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).

nommer-la-couleur

L’auteur a puisé dans plusieurs listes :

Par exemple, la couleur des liens de mon site s’appelle Lochmara. Qui l’aurait cru ?

Commenter »

Icones iPhone rangées par couleur

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.

couleurs-iphone

01-bleu

02-gris-rouge

03-orange

04-vert

05-violet

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!

3 commentaires »

Le Magenta est une couleur

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).

color-bag

1 commentaire »

Générateur de nuancier à partir d’une image

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:

empire-palette

Commenter »

Choisir des couleurs en fonction du contraste

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

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

Wufoo Charts

2 commentaires »

12