Le Journal du Blog
Le blog des blogueurs
Le blog des blogueurs
Les couleurs utilisées sur le web possèdent toutes un code hexadecimal. A titre d’exemple, le « bleu » qui revient souvent sur le Journal du Blog a pour code : #3b5998. Pour identifier le code d’une couleur, vous pouvez faire une capture d’écran et à l’aide d’un logiciel de retouche d’images, comme photoshop, connaître son code (via l’outil « pipette »). Nous allons voir une manière plus simple de les identifier.
ArtViper.net propose en effet un outil permettant d’identifier toutes les couleurs de la page web de votre choix : ColorFinder. Pour cela il vous faudra simplement indiquer l’url de la page en question dans le champ prévu à cet effet, et cliquer sur le bouton « get me the colors!« . Des petites icônes colorées apparaitront juste en dessous de ce champ, indiquant toutes les couleurs présentes sur la page analysée. En passant votre curseur sur chacune d’entre-elles vous aurez le code hexadecimal correspondant, comme vous pouvez le voir sur la capture suivante :
L’avantage de cette solution est qu’il n’y a pas besoin de lancer un logiciel supplémentaire pour connaître le code hexadecimal d’une couleur.
Et vous, quel(s) outils utilisez-vous pour identifier les couleurs des pages?
Darklg (3 years ago)
J’utilise Colorzilla, une extension Firefox vraiment pratique
Charliend (3 years ago)
@Darklg: Je ne connaissais pas du tout. Merci!
prsm (3 years ago)
C’est également possible avec l’extension Firefox « Web Developper« , en plus d’une foule d’outils indispensables
Sylvain (3 years ago)
J’utilise la boite à couleurs, c’est une petite application.
Sa pipette permet de récupérer la couleur du page web ou même d’une application.
Disponible ici => http://tinyurl.com/56ltyc
edonis (3 years ago)
effectivement, colorzilla est bien plus pratique et compatible ff 2 et 3. une extension à posséder absolument
Julien (3 years ago)
Oula moi j’utilisais Photoshop (capture d’écran puis pipette sur Photoshop).
Merci pour le site, ça me fera gagner du temps à l’occasion.
netslider57 (3 years ago)
J’utilise l’extension Webdevelopper pour FF, dans laquelle est présent un outil similaire « Voir les informations couleur ».
pickupjojo (3 years ago)
ColorZilla ou (au pire) un petit screenshot puis pipette avec Photoshop.
Basto (3 years ago)
Merci, mais perso j’utilise Color Pic
Francois B (3 years ago)
Comme Netslider57, j’utilise Web Developper, outil indispensable si on touche au graphisme/CSS/XHTML/PHP
Merci !
Rémy (3 years ago)
Corlorzilla aussi … qui est parmi mon top 5 d’extension FF … INDISPENSABLE !
permet de copier dans le presse papier la couleur sélectionnée …ça gagne un temps fou en dev…
Aira (6 months ago)
You’re a real deep thinker. Thanks for srhanig.
Maigret (3 years ago)
Et aussi Dreamweaver ou Fireworks… ben oui quoi il n’y a pas que Photoshop dans la vie…bon ok je sors.
Across the universe (3 years ago)
J’utilise Colorpic, vraiment très pratique pour « repiquer » les couleurs… En revanche, il vaut mieux stocker les codes hexadécimaux dans un autre fichier car il n’offre pas de solution satisfaisante pour répertorier des gammes de couleurs.
A+
Thierry Do Brasil (3 years ago)
Tu peux faire ça avec une photo aussi Connaître les tendances ascii d’une photo
news que je viens de poster, utile pour faire du graphisme.
collier d'ambre (1 year ago)
Merci pour toutes ces infos tout le monde, et pour l’article aussi!
Darron Alsandor (10 months ago)
I’d be inclined to concede with you on this. Which is not something I typically do! I love reading a post that will make people think. Also, thanks for allowing me to comment!