12. Nuancer - color

Dans ce chapitre nous allons voir les couleurs dans toutes leurs nuances. En informatique, les couleurs sont basées sur les trois couleurs primaires rouge, vert et bleu. Leur combinaison respective permet de créer tout le spectre des couleurs visibles. Nous allons voir que :

  • la fonction color(r, v, b) représente une couleur avec trois nombres,

  • la fonction color('#rvb') représente une couleur avec un hexadécimal,

  • la fonction color(r, v, b, a) ajoute la transparence a (alpha).

Question

L’expression color('#facc00') représente une couleur




12.1. Rouge-Vert-Bleu (RVB)

Dans un ordinateur les couleurs sont exprimées par un triplet de nombres. Ces nombres indiquent l’intensité des trois couleurs de base : rouge-vert-bleu (RVB)

L’intensité de couleur est exprimée soit :

  • en virgule flottante dans une plage de 0.0 … 1.0

  • en entier sur une plage de 0 … 255

En utilisant la définition précédente, nous pouvons exprimer les couleurs aussi avec un triplet.

12.2. Mode couleur

Il a deux façons d’exprimer les 3 composantes RVB :

  • avec un nombre à virgule flottante dans l’intervalle [0, 1]

  • avec un entier dans l’intervalle [0, 255]

La fonction colormode() retourne le mode actuel si utilisé sans argument. Si un argument est fourni (1 ou 255), ce mode est activé.

12.3. Intensité

Voici un programme qui affiche les intensités pour rouge en incréments de 25%.

Exercice 1

Faites un dégradé pour la couleur bleue.

12.4. Mélanger RVB

12.5. Intensité des couleurs

Dans l’exemple ci-dessous, nous agissons sur la composante rouge.

Exercice 2

Dessinez un dégradé pour vert, bleu, magenta, cyan

12.6. Matrice des couleurs

Dans ce programme les axes x et y correspondent à une des couleurs RVG.

Exercice 3

Modifiez color((y, x, x)), color((y, 0, x)), etc.

12.7. Cube des couleurs

Dans l’exemple suivant, nous dessinons les 3 axes

  • rouge

  • vert

  • bleu

Ensuite nous dessinons un cube de couleurs. Voici les 8 sommets du cube :

  • noir - (0, 0, 0)

  • rouge - (1, 0, 0)

  • vert - (0, 1, 0)

  • bleu - (0, 0, 1)

  • jaune - (1, 1, 0)

  • cyan - (0, 1, 1)

  • magenta - (1, 0, 1)

  • blanc - (1, 1, 1)

12.8. Synthèse additive

La synthèse additive des couleurs est le procédé consistant à combiner trois lumières colorées dans le but d’obtenir une lumière colorée quelconque.

Dans un écran d’ordinateur (ou smartphone) on utilise les couleurs rouge, vert, et bleu, d’où l’acronyme RVB. Le mélange de :

  • rouge et bleu donne magenta,

  • rouge et vert donne jaune,

  • vert et bleu donne cyan.

La combinaison de toutes les trois couleurs de base donne blanc.

12.9. Synthèse soustractive

La synthèse soustractive des couleurs et le procédé consistant à combiner l’absorption de trois colorants pour obtenir les nuances des couleurs.

Les trois colorants généralement utilisés en impression sont cyan, jaune et magenta, d’où le terme CJM.

Le mélange de :

  • jaune et cyan donne vert,

  • jaune et magenta donne rouge,

  • cyan et magenta donne bleu.

La combinaison de toutes les trois couleurs de base donne noir.

12.10. Dégradé radial

12.11. Dégradé linaire

12.12. Quiz

Taille image

Octets, Ko/Mo/Go