Color Rush : un jeu pour deviner les valeurs HEX des couleurs 🎨

Color Rush
Color Rush

En graphisme ou en conception web, il existe différentes manières de définir la calorimétrie à afficher à l’écran, il y a le RVB (ou RGB en anglais), les couleurs sont définies selon un mélange de 3 paramètres, à savoir le rouge, le vert et le bleu, leurs valeurs vont de 0 à 255.

Exemple ➔ si R=0 | V=0 | B=0, alors on obtient du blanc⚪ et inversement si R=255 | V=255 | B=255 alors ça sera du noir⚫. Pour de l’orange🟠, ça sera R=255 | V=103 | B=35.

💁 Pour rappel, le noir et le blanc ne sont pas des couleurs, mais des nuances.


Cependant, il existe une autre manière, plus fine pour obtenir une couleur donnée à l’écran, il s’agit de l’hexadécimal (ou aussi nommé code HEX). Sa formulation commence par un ️# et est suivie d’une suite de 6 caractères spécifiques, soit 3 paires de 2 chiffres ou lettres (qui correspondent au pourcentage de rouge, vert et bleu, mis bout à bout). Car, oui en effet, ce code peut contenir des chiffres et des lettres.

Exemple ➔ si le code est # 000000 alors, c’est du noir⚫, si le code est # ffffff alors, c’est du blanc⚪. Pour le orange🟠 vu un peu plus haut, son code HEX est #ff6723.

Voici quelques générateurs de palettes de couleurs (aka roue chromatique) : Adobe ColorCoolorsGradientsCoolorsColor HuntETC



Voilà, c’est tout pour ces petites explications, courtes certes, mais qui devaient être nécessaires pour appréhender le puzzle-game que l’on souhaite vous présenter ici. Il s’agit de Color Rush, un jeu accessible en ligne. Malgré son aspect simpliste et mignon (limite enfantin 😅), l’objectif n’est pas si évident, puisqu’il faut deviner le code HEX des petits personnages colorés dans un temps imparti. Donc, prenez le temps d’appréhender les codes avant de vous lancer, mais cela reste un très bon exercice pour mémoriser des couleurs pour une utilisation ultérieure pour vos projets web ! 😉


Share via
Copy link