Recherche…


Introduction

Cet article va vous montrer les différents formats de couleurs dans le traitement et les manières dont ils peuvent être utilisés.

Syntaxe

  • couleur (r, g, b);
  • couleur (r, g, b, alpha);
  • couleur (gris);
  • couleur (gris, alpha);
  • couleur (h, s, l); // Le mode doit être HSB. Vous pouvez changer cela en utilisant colorMode.

Paramètres

Paramètres Détails
r Est le rouge de la couleur lorsque le mode est RGB .
g Est le vert de la couleur lorsque le mode est RGB .
b Est le bleu de la couleur lorsque le mode est RGB .
alpha Est l'opacité de la couleur.
h La teinte de la couleur lorsque le mode est HSB .
s La saturation de la couleur lorsque le mode est HSB .
l La luminosité / luminosité de la couleur lorsque le mode est HSB .
gris La valeur entre le noir (0) et le blanc (255).

Remarques

Bien que cela n'ait pas été mentionné dans la documentation officielle sur le traitement, il existe un mode CMYK que vous pouvez utiliser.

Notation de couleur

Il existe différentes manières d'utiliser les couleurs dans le traitement, car le traitement est très flexible avec les formats de couleur.

RGB et RGBA

C'est la notation RVB (A) standard et le mode couleur par défaut. Les trois premières valeurs de couleur (rouge, vert, bleu) vont de 0 à 255 . Par exemple, l'exemple ci-dessous est la couleur rouge puisque le rouge est maximum à 255 tandis que les autres couleurs sont à 0 . Le blanc est à (255, 255, 255) et le noir est à (0, 0, 0) . Le 4ème paramètre facultatif indique la valeur alpha - c'est-à-dire la transparence. Comme dans les autres composants, la plage de valeurs est à nouveau [0-255]; 0 étant complètement transparent et 255 étant complètement solide.

color(255, 0, 0) // This is red

color(0, 255, 0, 255) // This is opaque green, and is the same as color(0, 255, 0)

color(255, 255, 0, 10) // This is almost transparent yellow

HSB

La notation HSB est similaire à la notation RVB, sauf que le rouge, le vert et le bleu sont remplacés respectivement par la teinte, la saturation et la luminosité. Vous pouvez basculer dans HSB en utilisant colorMode(HSB) .

color(0, 0, 255) //This is white

Comme pour RGB, HSB a également la valeur alpha comme quatrième paramètre.

Valeurs grises

Si un paramètre est spécifié pour une fonction de couleur, il sera interprété comme la quantité entre noir et blanc. Le blanc est représenté par 255 et le noir par 0. Il est identique à la color(param1, param1, param1) en mode RVB. Si deux paramètres sont spécifiés, le premier paramètre sera interprété comme ci-dessus et le second sera la valeur alpha.



Modified text is an extract of the original Stack Overflow Documentation
Sous licence CC BY-SA 3.0
Non affilié à Stack Overflow