Source: Scratch Wiki en français


Codage des couleurs sur Scratch


Scratch dispose de plusieurs encodage de couleurs possibles. Les principaux sont le RGBA, le Décimal, le HEX et le HVLA.

Système RGBA

Le système RGBA (en français Rouge Vert Bleu ou RVB) est un système de codage des couleurs. Il comporte quatre canaux, le rouge (R), le vert (G), le bleu (B) et l'alpha (A). Ces quatre canaux varier de 0 à 255, c'est à dire de 0% à 100%.

Le canal alpha (A), dédié à l'opacité d'une couleur, peut être omis, dans ce cas, l'opacité sera maximale.

Le tableau ci-dessous présente les seize couleurs de base ainsi que leur codage RGB (sans canal alpha) :

Valeur Couleur Valeur Couleur Valeur Couleur Valeur Couleur
0;255;255 aqua / cyan
(bleu-vert eau)
0;128;0 green
(vert)
0;0;128 navy
(bleu marine)
192;192;192 silver
(argent)
0;0;0 black
(noir)
128;128;128 gray
(gris)
128;128;0 olive
(jaune olive)
0;128;128 teal
(sarcelle)
0;0;255 blue
(bleu)
0;255;00 lime
(vert citron)
128;0;128 purple
(violet)
255;255;255 white
(blanc)
255;0;255 fuchsia / magenta
(fuchsia)
128;0;0 maroon
(bordeaux)
255;0;0 red
(rouge)
255;255;0 yellow
(jaune)

Système décimal

Le système décimal est un système de numérotation en base 10 particulièrement utilisé sur Scratch. Il est basé sur le RGBA, dont il tire les 3 canaux principaux (le canal alpha n'est pas supporté).

On calcule une couleur depuis ses canaux comme suivant :

b + 256 * (g + (256 * r))

Le tableau ci-dessous présente les seize couleurs de base ainsi que leur codage décimal :

Valeur Couleur Valeur Couleur Valeur Couleur Valeur Couleur
65535 aqua / cyan
(bleu-vert eau)
32768 green
(vert)
128 navy
(bleu marine)
12632256 silver
(argent)
0 black
(noir)
8421504 gray
(gris)
8421376 olive
(jaune olive)
32896 teal
(sarcelle)
255 blue
(bleu)
65280 lime
(vert citron)
8388736 purple
(violet)
16777215 white
(blanc)
16711935 fuchsia / magenta
(fuchsia)
8388608 maroon
(bordeaux)
16711680 red
(rouge)
16776960 yellow
(jaune)

Système hexadécimal

Le système hexadécimal est un système de numérotation en base 16 particulièrement utilisé en informatique.

Il est basé sur le RGBA, dont il tire les 4 canaux (Rouge, Vert, Bleu, Alpha). Comme pour le RGBA, le canal alpha peut être omis.

Il utilise 16 symboles : les chiffres 0 à 9, ainsi que les lettres de A à F (en majuscule ou en minuscule). Il est notamment utilisé pour coder les différentes couleurs utilisées par les ordinateurs et par les sites web. Le tableau ci-dessous présente les seize couleurs de base ainsi que leur codage hexadécimal :

Valeur Couleur Valeur Couleur Valeur Couleur Valeur Couleur
#00FFFF aqua / cyan
(bleu-vert eau)
#008000 green
(vert)
#000080 navy
(bleu marine)
#C0C0C0 silver
(argent)
#000000 black
(noir)
#808080 gray
(gris)
#808000 olive
(jaune olive)
#008080 teal
(sarcelle)
#0000FF blue
(bleu)
#00FF00 lime
(vert citron)
#800080 purple
(violet)
#FFFFFF white
(blanc)
#FF00FF fuchsia / magenta
(fuchsia)
#800000 maroon
(bordeaux)
#FF0000 red
(rouge)
#FFFF00 yellow
(jaune)
Info
 Info :
Vous pouvez trouvez une table complète des couleurs et de leur codage hexadécimal ici

Système HSLA (HSVA)

Le Hue Saturation Lightness Alpha (en français Teinte Saturation Luminosité ou TSL) est un système de codage des couleurs plus simple à comprendre, mais moins permissif en programmation.

Il comporte quatre canaux, le hue (H) (couleur), le saturation (G) (saturation, blanc), le lightness (B) (luminosité, noir) et l'alpha (A) (alpha, opacité). Ces quatre canaux varient de 0% (0.00) à 100% (1.00). Avec ce système aussi, le canal alpha peut être omis, dans ce cas, l'opacité sera maximale.

On le retrouve dans le sélectionneur de couleur Scratch.

Le tableau ci-dessous présente les seize couleurs de base ainsi que leur codage HSL :

Valeur Couleur Valeur Couleur Valeur Couleur Valeur Couleur
50%;100%;50% aqua / cyan
(bleu-vert eau)
33.3%;100%;25% green
(vert)
66.7%;100%;25% navy
(bleu marine)
0%;0%;75% silver
(argent)
0%;0%;0% black
(noir)
0%;0%;50% gray
(gris)
16.7%;100%;25% olive
(jaune olive)
50%;100%;25% teal
(sarcelle)
66.7%;100%;50% blue
(bleu)
33.3%;100%;50% lime
(vert citron)
50%;100%;25% purple
(violet)
0%;0%;100% white
(blanc)
83.3%;100%;50% fuchsia / magenta
(fuchsia)
0%;100%;25% maroon
(bordeaux)
0%;100%;50% red
(rouge)
16.7%;100%;50% yellow
(jaune)

↑ Page principale :→ Page suivante :CouleursGestion des couleurs sur Scratch