Constantes couleurs

Je conseille très fortement d'utiliser les noms de couleur. Il n'y a pas du tout de linéarité entre la valeur des composantes couleur et le rendu. On est obligé d'utiliser une couleur dans les fonctions de dessins et pour écrire un texte. Sinon, c'est la couleur par défaut qui est utilisée (blanc au départ).

Les constantes définies sont:

 

Exemples d'utilisation

point(x, y, DEEP_PINK); // Trace un point rose
point(x, y, LIGHT_MAGENTA); // Trace un point magenta clair, violet pâle
setTextColor(GREEN); // Nnous indique que les prochaines écritures se feront en vert.
clrscr(DARK_BLUE); // Remplit l'écran de bleu foncé. Cela efface l'écran en quelque sorte.

 

Référence

// Couleurs grises
#define BLACK         0x0000 // 0,0,0
#define DARK_GREY     0x7BEF // 15,31,15
#define GREY          0xD6FA // 26,55,26
#define LIGHT_GREY    0xF7DE // 31,63,31
#define WHITE         0xFFFF // 31,63,31

// Les 6 couleurs primaires
#define RED           0xF800 // 31,0,0
#define GREEN         0x07E0 // 0,63,0
#define BLUE          0x001F // 0,0,31
#define CYAN          0x07FF // 0,63,31
#define MAGENTA       0xF81F // 31,0,31
#define YELLOW        0xFFE0 // 31,63,0

// Les 6 couleurs primaires plus claires
#define LIGHT_RED     0xFFBE // 31,61,30
#define LIGHT_GREEN   0xF7FE // 30,63,30
#define LIGHT_BLUE    0xF7BF // 30,61,31
#define LIGHT_CYAN    0xF7FF // 30,63,31
#define LIGHT_MAGENTA 0xFFBF // 31,61,31
#define LIGHT_YELLOW  0xFFFE // 31,63,30

// Les 6 couleurs primaires plus foncé
#define DARK_RED      0xC800 // 25,0,0
#define DARK_GREEN    0x0600 // 0,48,0
#define DARK_BLUE     0x0018 // 0,0,24
#define DARK_CYAN     0x0618 // 0,48,24
#define DARK_MAGENTA  0xC818 // 25,0,24

// Couleurs diverses
#define BISQUE        0xF79C // 30,60,28
#define LIME          0xF7E0 // 30,63,0
#define MAROON        0xD000  // 26,0,0
#define OLIVE         0xD5E0 // 26,47,0
#define ORANGE        0xFF20 // 31,57,0
#define DEEP_PINK     0xF81D // 31,0,29
#define ROYAL_BLUE    0xE81F // 29,0,31
#define SEA_GREEN     0x9720 // 18,57,0
#define STEEL_BLUE    0x73D // 0,57,29

 

Voir aussi

- RGBcolor(); Transforme un triplet RGB en un code couleur
- getColor(); Retourne la couleur par défaut pour les dessins
- MAX_RED...: Valeur maximum d'une composante couleur
- BLACK, WHITE, ...: Constantes couleurs
- setDrawInverse(); Choix du mode dessin ou inversion
- point(); Dessine un point
- line(); Trace une ligne
- rect(); Trace les bords d'un cadre
- fillRect(); Trace une boîte pleine
- arc(); Trace des arcs de cercle
- circle(); Trace un cercle
- fill(); Remplit avec la couleur demandée
- text(); Écrit du texte

 

Exemple

PecheuxGraph_ILI9341_8bits.zip\PecheuxGraph_ILI9341_8bits\examples\Documentation\Exemple-110-BLACK.ino (dans votre fichier téléchargé):

// Ce programme affiche la palette des couleurs prédéfinies.
// Chaque ligne affiche une couleur dans un pavé, et y met le nom.
// Le nom est écrit en le plus petit possible, mais certains noms
// doivent s'écrire en trois fois. Avant d'écrire, il faut
// positionner le curseur texte.
// En général pour le nom de la couleur, on utilise la couleur
// opposée (opposé de BLACK => ~BLACK). Cela fonctionne très
// bien pour les couleurs éloignées du gris moyen. En effet 
// l'opposé du rouge donne le cyan... mais l'opposé du WHITE/2,
// c'est le WHITE/2. Pour ces cas, j'utilise le blanc ou le noir
// Il eut été mieux de faire un boucle, mais cela aurait été
// moins compréhensible

#
  $menu = ":PG";
  include <PecheuxGraph_ILI9341_8bits.h>

void setup() 
{
  setGraphMode(PAYSAGE); // Indispensable pour utiliser l'afficheur
  int x0=0, 
      x1=LARGEUR/5, // LARGEUR n'est défini qu'après setGraphMode!
	  x2=2*LARGEUR/5,
	  x3=3*LARGEUR/5,
	  x4=4*LARGEUR/5,
	  x5=LARGEUR;
  int y0=0,
      y1=HAUTEUR/6,
      y2=2*HAUTEUR/6,
      y3=3*HAUTEUR/6,
	  y4=4*HAUTEUR/6,
	  y5=5*HAUTEUR/6,
	  y6=HAUTEUR,
	  dy=y1/2-10;
  setTextSize(1); // Pour nommer les couleurs, les cases sont petites
  
  fillRect(x0,y0,x1,y1,BLACK);
    setTextColor(~BLACK);
	setTextCursor(x0+2,y0+dy);
	text("BLACK");
  fillRect(x1,y0,x2,y1,DARK_GREY);
    setTextColor(WHITE);
	setTextCursor(x1+2,y0+dy);
	text("DARK_");
	setTextCursor(x1+6,y0+dy+9);
	text("GREY");
  fillRect(x2,y0,x3,y1,GREY);
    setTextColor(WHITE);
	setTextCursor(x2+2,y0+dy);
	text("GREY");
  fillRect(x3,y0,x4,y1,LIGHT_GREY);
    setTextColor(WHITE);
	setTextCursor(x3+2,y0+dy);
	text("LIGHT_");
	setTextCursor(x3+6,y0+dy+9);
	text("GREY");
  fillRect(x4,y0,x5,y1,WHITE);
    setTextColor(~WHITE);
	setTextCursor(x4+2,y0+dy);
	text("WHITE");
  
  fillRect(x0,y1,x1,y2,RED);
    setTextColor(~RED);
	setTextCursor(x0+2,y1+dy);
	text("RED");
  fillRect(x1,y1,x2,y2,GREEN);
    setTextColor(~GREEN);
	setTextCursor(x1+2,y1+dy);
	text("GREEN");
  fillRect(x2,y1,x3,y2,BLUE);
    setTextColor(~BLUE);
	setTextCursor(x2+2,y1+dy);
	text("BLUE");
  fillRect(x3,y1,x4,y2,CYAN);
    setTextColor(~CYAN);
	setTextCursor(x3+2,y1+dy);
	text("CYAN");
  fillRect(x4,y1,x5,y2,MAGENTA);
    setTextColor(~MAGENTA);
	setTextCursor(x4+2,y1+dy);
	text("MAGE");
	setTextCursor(x4+6,y1+dy+9);
	text("NTA");
  
  fillRect(x0,y2,x1,y3,YELLOW);
    setTextColor(~YELLOW);
	setTextCursor(x0+2,y2+dy);
	text("YELLOW");
  fillRect(x1,y2,x2,y3,LIGHT_RED);
    setTextColor(~LIGHT_RED);
	setTextCursor(x1+2,y2+dy);
	text("LIGHT_");
	setTextCursor(x1+6,y2+dy+9);
	text("RED");
  fillRect(x2,y2,x3,y3,LIGHT_BLUE);
    setTextColor(~LIGHT_BLUE);
    setTextCursor(x2+2,y2+dy);
	text("LIGHT_");
	setTextCursor(x2+6,y2+dy+9);
	text("BLUE");
  fillRect(x3,y2,x4,y3,LIGHT_CYAN);
    setTextColor(~LIGHT_CYAN);
    setTextCursor(x3+2,y2+dy);
	text("LIGHT_");
	setTextCursor(x3+6,y2+dy+9);
	text("CYAN");
  fillRect(x4,y2,x5,y3,LIGHT_MAGENTA);
    setTextColor(~LIGHT_MAGENTA);
	setTextCursor(x4+2,y2+dy);
	text("LIGHT_");
	setTextCursor(x4+6,y2+dy+9);
	text("MAGE");
	setTextCursor(x4+6,y2+dy+18);
	text("NTA");
  
  fillRect(x0,y3,x1,y4,LIGHT_YELLOW);
    setTextColor(~LIGHT_YELLOW);
	setTextCursor(x0+2,y3+dy);
	text("LIGHT_");
	setTextCursor(x0+6,y3+dy+9);
	text("YELLOW");
  fillRect(x1,y3,x2,y4,DARK_RED); 
    setTextColor(~DARK_RED);
	setTextCursor(x1+2,y3+dy);
	text("DARK_");
	setTextCursor(x1+6,y3+dy+9);
	text("RED");
  fillRect(x2,y3,x3,y4,DARK_GREEN);
    setTextColor(~DARK_GREEN);
    setTextCursor(x2+2,y3+dy);
	text("DARK_");
	setTextCursor(x2+6,y3+dy+9);
	text("GREEN");
  fillRect(x3,y3,x4,y4,DARK_BLUE);
    setTextColor(~DARK_BLUE);
	setTextCursor(x3+2,y3+dy);
	text("DARK_");
	setTextCursor(x3+6,y3+dy+9);
	text("BLUE");
  fillRect(x4,y3,x5,y4,DARK_CYAN);
    setTextColor(~DARK_CYAN);
	setTextCursor(x4+2,y3+dy);
	text("DARK_");
	setTextCursor(x4+6,y3+dy+9);
	text("CYAN");
  
  fillRect(x0,y4,x1,y5,DARK_MAGENTA);
    setTextColor(~DARK_MAGENTA);
	setTextCursor(x0+2,y4+dy); text("DARK_");
	setTextCursor(x0+6,y4+dy+9);
	text("MAGE");
	setTextCursor(x0+6,y4+dy+18);
	text("NTA");
  fillRect(x1,y4,x2,y5,STEEL_BLUE);
    setTextColor(~STEEL_BLUE);
    setTextCursor(x1+2,y4+dy); text("STEEL_");
	setTextCursor(x1+6,y4+dy+9);
	text("BLUE");
  fillRect(x2,y4,x3,y5,OLIVE);
    setTextColor(WHITE);
	setTextCursor(x2+2,y4+dy);
	text("OLIVE");
  fillRect(x3,y4,x4,y5,ROYAL_BLUE);
    setTextColor(~ROYAL_BLUE);
    setTextCursor(x3+2,y4+dy);
	text("ROYAL_");
	setTextCursor(x3+6,y4+dy+9);
	text("BLUE");
  fillRect(x4,y4,x5,y5,ORANGE);
    setTextColor(~ORANGE);
	setTextCursor(x4+2,y4+dy);
	text("ORANGE");
  
  fillRect(x0,y5,x1,y6,MAROON);
    setTextColor(~MAROON);
	setTextCursor(x0+2,y5+dy);
	text("MAROON");
  fillRect(x1,y5,x2,y6,BISQUE);
    setTextColor(~BISQUE);
	setTextCursor(x1+2,y5+dy);
	text("BISQUE");
  fillRect(x2,y5,x3,y6,SEA_GREEN);
    setTextColor(WHITE);
	setTextCursor(x2+2,y5+dy);
	text("SEA_");
    setTextCursor(x2+6,y5+dy+9);
	text("GREEN");
  fillRect(x3,y5,x4,y6,DEEP_PINK);
    setTextColor(~DEEP_PINK);
    setTextCursor(x3+2,y5+dy);
	text("DEEP_");
	setTextCursor(x3+6,y5+dy+9);
	text("PINK");
  fillRect(x4,y5,x5,y6,LIME);
    setTextColor(~LIME);
	setTextCursor(x4+2,y5+dy);
	text("LIME");
}

void loop()
{
}

Résultat:

 

Côté technique

La valeur numérique d'une couleur n'est pas proportionnelle à la luminosité de l'écran. C'est pour cela que les constantes sont intéressantes. En fait les couleurs changent beaucoup quand les valeurs varient autour du maximum et très peu après. En reprenant les valeurs de 3 couleurs:
BLACK peut aussi s'écrire RGBcolor(0,0,0); les 3 composantes sont nulles
WHITE peut aussi s'écrire RGBcolor(31,63,31); les trois composantes sont au maximum
la couleur définie par RGBcolor(30,62,30); est extrêmement proche du blanc pour ses valeurs. C'est le gris le plus clair que l'on peut avoir. Et pourtant il est déjà foncé! Je l'ai appelé LIGHT_GREY, et il n'est pas possible d'obtenir un gris plus pâle.

Attention aussi quand on passe des dessins entre un ordinateur et un écran TFT, une couleur très pâle de l'ordinateur se traduit par une couleur bien marquée, et donc fortement différente. L'image de l'exemple ci-dessus n'est pas une copie d'écran, elle a été recolorée pour avoir un rendu similaire de ce qui est vu sur l'écran. Ci dessous la vraie copie d'écran.