Tester le code hexadecimal d’une couleur

Comme je disais hier, il existe un nombre infini de couleurs, mais en informatique, on s’est limité à 16 millions, ce qui pour l’oeil humain semble être suffisant pour se rapprocher le plus de la réalité. Théoriquement l’être humain peut perscevoir jusqu’à 10 millions de couleurs! . 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!

Exemple FF FF FF qui est le blanc, en binaire ça fait 1111 1111 11111111 1111 1111
Exemple 00 00 00 qui est le noir, en binaire ça fait 0000 0000 0000 0000 00000000

Chaque octet a sa couleur, qu’on appelle aussi RVB, soit R comme rouge, V comme vert et B comme bleu ainsi :

le rouge c’est FF 00 00
le vert c’est 00 FF 00
le bleu c’est 00 00 FF

Sachez qu’un geek en informatique doit connaître au moins les 5 codes cités ci dessus et pour un non geek, on peut tout de même se souvenir du noir et du blanc et moi je confonds le noir et le blanc tout le temps.

Pour faire un peu d’exercice vous pouvez retrouver ces couleurs sur hexpreview.com/(000000)(ffffff)(ff0000)(00ff00)()

Pour aller plus loin et pour trouver des couleurs intermédiaires, comme :

Le jaune, c’est du rouge et du vert soit FF FF 00.
Le rose c’est du rouge mélangé avec du bleu soit FF 00 FF.
Le bleu clair c’est un mélange de vert et de bleu ! soit 00 FF FF.

Pour vous amuser à faire des couleurs et comprendre un peu le code des couleurs, aller donc sur http://hexpreview.com

notez que si vous tapez « color generator » sur google, vous allez trouver d’autres outils gratuits et bien plus sophistiqués dont chacun méritent un chapitre sur ce blogue. Et oui, je suis comme Picasso, j’ai des phases et en ce moment je suis dans ma phase couleur.

Mon site préféré pour les couleurs est le site https://color.adobe.com/fr/create/color-wheel qui lui mérite carrément un livre d’explication tant cet outil est riche. Notez que ce dernière outil est connu par tous les graphistes qui se respectent.

A quoi ça sert de connaître toutes ses couleurs en hexadécimal?

Et bien si vos enfants apprennent le système binaire à l’école, voilà un excellent moyen de joindre la théorie à la pratique. C’est hyper didactique.

Conseil d’ami

Si vous vous lancer dans l’élaboration de couleur pour vos photos, blogue, avatar, logo, webdesign, le premier conseil est de » NE JAMAIS UTILISER LES COULEURS DE BASE, CELLE QUE JE VIENS DE CITER »

Quelle est ta nationalité sur Internet?

Vous devez savoir que le moindre coup de clic de souris fait sur votre pc, le moindre mouvement de doigt sur votre smartphone est analysé disséqué par les grands manitou du web. C’est comme ça qu’on cible les pubs et c’est comme ça que la NSA est autres services secrets fichent tout le monde sur internet et c’est comma ça que certains régimes totalitaires non démocrates mettent en prison les dissidents, voire les assassine. Toute cette traque aux méchants, aux dissidents, aux pédophile, terroristes, journaliste, internaute moyen est rendu très facile depuis qu’on sait traiter les données qu’on appelle « bigdata ».

Pour illustrer simplement ce que je suis en train de dire, vous pouvez utiliser une extension (Citizen-ex.com/download) qui permet de voir sur quel serveur web vous surfez et donc de déterminer vaguement un des paramètres de votre profil : votre « nationalité numérique« .

Pour utiliser cette extension, il faut tout d’abord l’installer sur votre navigateur, puis il faut commencer à surfer sur le net. Pour que l’application marche correctement, il faudra attendre une période de collecte des données suffisante pour ensuite accéder à votre nationalité numérique, qui n’est ni plus ni moins notre historique de surf.

Voilà donc ce que donne ma première identité numérique après 1 heure de surf.

Your distribution	%
USA	89.51
Canada	4.49
Japan	2.62
Bulgaria	1.12
France	1.12
United Kingdom	1.12

Il est aussi possible de cliquer sur « More Data & More info » pour découvrir une cartographie qui parle toujours mieux qu’un tableau.

Si vous quittez votre navigateur, les données récoltées ne sont pas sauvegardées (ce qui est dommage) et vous pouvez aussi effacer vos données historique manuellement.

Conclusion: l’information est tout de même un peu biaisée car ce n’est pas forcément le pays d’hébergement du serveur qui détermine la nationalité numérique. Si vous surfez sur Roget.biz, par exemple, vous allez découvrir que mon blogue est hébergé aux USA et non pas en France, donc les données sont assez faussées. En fait, ce qu’on découvre plutôt, c’est que la plupart des serveurs sont situés aux USA, un point, c’est tout!

Cette application est plutôt du genre ludique et elle est faite pour sensibiliser les Internautes néophytes. Bien sûr, il n’y a pas que les données du serveur qui sont utilisées pour vous ficher, il y en a bien d’autres…

Citizen-ex.com/download

—

merci à viax korben pour l'information

Gradient-animator un fond dégradé de site qui change de couleur

Le cocde html et css n’est pas vraiment une rubrique que je couvre sur ce blogue, mais parfois j’ai un petit coup de coeur sur le sujet, comme aujourd’hui avec gradient-animator.com qui offre un code css qui permet de faire varier la couleur du fond dégradé variable d’un site internet ou d’une page internet.

On peut avec le code :

faire varier l’angle de changement de couleur.
Ajouter a priori autant de couleur qu’on veut.
Faire varier la couleur sur des periodes de 1 à 60 secondes.

Voilà la démonstration en gif avec une période voisine de deux secondes.

J’ai fait un test pour 60 secondes, cela à un effet assez apaisant, en revanche sur une période de une seconde, si vous voulez faire fuir les visiteurs de votre site, c’est une excellente recette. En tout cas un bon choix de couleur pas trop criarde peut créer un effet assez cool sur votre site intenet.

Notez que je suis incapable d’expliquer à quel endroit du site il faut ajouter le code. Je pense que c’est dans la feuille CSS.

gradient-animator.com

Quand j’ai fait le test, j’ai remarqué une petite surchauffe de mon pc. Il faudra tout de même vérifier de ne pas mettra à plat un serveur (plutôt le navigateur car ce code doit s’exécuter sur la page elle-même) , juste pour faire joli. Les experts me diront si ce que je viens d’affirmer est une bêtise ou non.

Après plusieurs tests, je confirme une surchauffe de chrome surtout à une fréquence de changement de couleur élevée.

Catégorie : Code is poetry