Cocktail Web

Actualité des outils du Web



Quels sont les codes des couleurs des logos les plus connus

17/09/2015 ( Trouvailles ) 1 avis


pipetteLa pipette, c’est l’outil que j’utilise pour récupérer le code hexadécimal des couleurs. Dans l’exemple qui suit, j’ai collecté la couleur bleue de Facebook via le logiciel photoscape (pour les fortunés, photoshop c’est encore mieux car on peut mettre en mémoire toutes les couleurs collectées et les récupérer dans le nuancier). En promenant ma souris avec mon collecteur de couleur photoscape, j’ai pu récupérer le code hexadécimal de la couleur bleue de Facebook : 3b5998.



Comme on a le droit à 16 millions de couleur, on pourrait même penser que le code 3b5998 appartient à facebook. Il en va de même pour google +(DD4B39) , twitter (33CCFF) qui ressemble à la couleur de skype (00AFF0) mais est totalement différent quand on compare  le code des couleurs. C’est idem pour foursquare (0CBADF) qui ressemble à skype et twitter. En vérité, l’utilisation des couleurs est tout de même liée au logo et chaque société impose des conseils d’utilisations des logos.  Je pense que les designeurs font très attention à ce détail lors de la création d’un logo et évitent d’utiliser une couleur déjà très connue. (on peut dire la même chose de drapeaux) .

On peut voir dans le tableau qui suit,  le  code des couleurs primaires de chaque réseau social est ça se passe sur la page  sammcqueen.com…guideline colours . Cette page regroupe une belle palette de réseau sociaux et d’autres site très connus.  En fait on a aussi des couleurs de logo de banque, de société de transport de software….

Mais, il y a un plus sur ce site, pour certaines marque, la couleur est reliée à un URL qui renvoie au guide des conditions d’utilisation de chaque service, voilà qui est plutôt pratique ! On y trouvera parfois les instructions pour utiliser le logo correctement.  Exemple le logo de foursquare, où l’on va retrouver l’ensemble des couleurs du logo.

Même pour mon humble blogue, j’utilise aussi ma couleur de base, qui est la couleur ABCDEF, l’avantage, ce cette couleur, c’est qu’elle est facile à mémoriser.

simpleicons.org

https://simpleicons.org/

sammcqueen

Un peu de math pour les couleurs.

Une couleur est codé en codes hexadécimal exemple ABCDEF. Un code hexadecimal peut prendre 16 chiffres de (0, 1, 2, 3 ,4 ,5 ,6 ,7 ,8 ,9, A, B, C, D, E ,F) on appelle ça la base 16.  Si on veut coder un chiffre en binaire, il faudra 4 digits (bits) :  exemple 1 sera codé 0001) 2 sera codé (0010)… Jusqu’à F qui sera code 1111).  Comme on a le droit à 6 codes hexadécimaaux et que chaque code est chiffré en binaire (soit 4 chiffres), on a en binaire une combinaison de 6×4 digit (ou bit), soient 24 bits. Il suffit maintenant d’ élever 2 à la puissance 24 pour trouver le nombre de combinaisons de couleurs possibles en informatique: soit 16.777.216 de combinaisons qu’on arrondit à 16 millions de couleurs pour que ce soit plus facilement mémorisable et aussi parce que les informaticiens arrondissent 1024 (2 puissance 10) à 1000 et ainsi de suite.

Vous n’avez rien compris à ce que je viens d’écrire?

Ce qu’il faut retenir, c’est que l’être humain est capable de distinguer jusqu’à 10 millions de couleurs (ENORMES) c’est expliqué ici. Comme l’informatique ne sait pas faire 10 millions de couleurs simplement, on a donc codé 16.777.216 de couleurs qui en informatique est un nombre simple. (oui on pourrait même dire : mais pourquoi faire simple alors q’on peut faire compliqué).

Conclusion : vous avez de quoi personnalisé la couleur de votre logo sans qu’elle ressemble à aucune autre couleur de logo connu sur cette planète.

Étiquettes : , , ,




Delicious Sauvegardez sur delicious! Ecrit par Thierry Roget

------------

» Suivez les commentaires de ce billet par RSS

Commentaires

» Abonnez vous au flux RSS des commentaires de ce billet

Commentaire de Tester le code hexadecimal d'une couleur |

[…] Comme je disais hier, il existe un nombre infini de couleurs, mais en informatique, on s’est l…. Pourquoi 16 millions ( 16 777 216 pour être plus précis) ? C’est tout simplement facile à coder, car ça correspond à chiffre 2 élevé à la puissance 24. Soit 3 octets! […]

» Abonnez vous au flux RSS des commentaires de ce billet

Ecrire un commentaire