Source: Scratch Wiki en français
Scratch dispose de plusieurs encodage de couleurs possibles. Les principaux sont le RGBA, le Décimal, le HEX et le HSLA.
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 :
Système HSLA (HLVA)
Le Hue Saturation Lightness Alpha (en français « Teinte Saturation Luminosité ») est un système de codage des couleurs plus simple à comprendre pour un utilisateur humain, 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) |
LeSaviezVous :
