Vue d'ensemble

Dans la LCL, TColor est le type couleur standard. Il est compatible avec le TColor de Delphi. TColor peut représenter soit une valeur RGB (3x8bits), soit une couleur système comme crDefault. La LCL peut aussi travailler avec le système fpImage qui emploie le type TFPColor qui est du RGBA (4x16bits), et non du RGB (3x8bits comme TColor).

Conversions entre TColor et une valeur RGB

L'unité Graphics fournit les fonctions suivantes :

function Blue(rgb: TColor): BYTE; // ne fonctionne pas avec les couleurs système
function Green(rgb: TColor): BYTE; // ne fonctionne pas avec les couleurs système
function Red(rgb: TColor): BYTE; // ne fonctionne pas avec les couleurs système
function RGBToColor(R, G, B: Byte): TColor;
procedure RedGreenBlue(rgb: TColor; out Red, Green, Blue: Byte); // ne fonctionne pas avec les couleurs système
function FPColorToTColor(const FPColor: TFPColor): TColor;
function TColorToFPColor(const c: TColor): TFPColor; // ne fonctionne pas avec les couleurs système
function IsSysColor(AColor: TColorRef): Boolean;

Conversion entre TColor et une chaîne de caractères

Fonctions pour convertir des chaînes comme "25500" ou "$AA0088" ou "clNavy" vers le type TColor:

• StringToColor
• StringToColorDef

Pour convertir TColor vers une chaîne qui peut être adaptée à la langue de travail:

• ColorToString

Table des couleurs standard

Environ une vingtaine de constantes de couleur prédéfinies sont fournies. Elles sont compatibles avec Delphi:

Couleurs système

Exemples : clInfoBk, clInfoText

Les couleurs système sont des constantes avec une signification particulière. Leur valeur réelle dépend du contexte et du thème. Ce ne sont pas de simples couleurs. Par exemple clInfoBk:

Form1.Canvas.Brush.Color:=clInfoBk;  // use the default background brush of a hint window
Form1.Canvas.FillRect(10,10,50,50);

Une bulle d'aide dans MS Windows ayant un fond blanc, le code ci-dessus va dessiner en blanc. Dans Linux/gtk2, ce code pouvant correspondre à une texture métallique, le code va dessiner la texture. Si vous voulez placer du texte dessus, vous avez besoin d'une couleur correspondante comme clInfoText, sinon votre texte sera illisible pour l'utilisateur. Par exemple:

Form1.Canvas.Brush.Color:=clInfoBk;  // utilise le fond par défaut d'une bulle d'aide
Form1.Canvas.FillRect(10,10,50,50);
Form1.Canvas.Font.Color:=clInfoText;  // utilise la couleur du ttexte par défaut d'une bulle d'aide
Form1.Canvas.TextOut(10,10,'Hint');

La couleur système clInfoBk ne peut pas être utilisée avec Pen.Color ni pour Font.Color. Si vous faites ainsi, le résultat est indéfini et dépend du widgetset et du thème de l'utilisateur.

Idem pour clInfoText: il ne peut être utilisé que comme une Font.Color. L'utiliser comme Brush.Color peut ne pas convenir. Actuellement, tous les widgetsets permettent de l'utiliser comme Pen.Color aussi.

Changements de thème

Quand l'utilisateur bascule le thème, les couleurs système changent. Une clInfoBk peut passer du blanc au vert ou d'une couleur à une texture. Ce changement surgira quand vous allouerez une nouveau handle de brosse. Gardez à l'esprit que la simple affectation Brush.Color:=clInfoBk n'alloue pas un handle de brosse. Le handle est alloué à l'utilisation. Par exemple:

Form1.Canvas.Brush.Color:=clInfoBk; // Cela ne créera pas une nouveau handle de brosse
Form1.Canvas.FillRect(10,10,50,50); // Cela va le créer avec la brosse du thème actif pour les bulles d'aide
...
// Si le thème change maintenant, le Brush.Handle est toujours alloué avec les anciennes valeurs
...
Form1.Canvas.FillRect(10,10,50,50); // cela va peindre avec la brosse de l'ancien thème
Form1.Canvas.Brush.Color:=clInfoBk; // affecter l'ancienne valeur ne créera pas un nouveau handle de brosse
Form1.Canvas.FillRect(10,10,50,50); // cela va peindre avec la brosse de l'ancien thème
Form1.Canvas.Brush.Color:=clRed;    // affectant une nouvelle couleur, l'ancien handle est invalide
Form1.Canvas.Brush.Color:=clInfoBk; // affectant une nouvelle couleur, l'ancien handle est invalide
Form1.Canvas.FillRect(10,10,50,50); // cela créera un nouveau handle et peindra avec le nouveau thème

Table des couleurs système

La table suivante liste les couleurs système et leur sens. Les employer en dehors du champ de leur définition est indéfini et le résultat dépend du widgetset et du thème. Par exemple, clDefault est la brosse du fond normale du contexte de périphérique utilisé. Si vous voulez peindre des éléments de boutons sur vos contrôles personnalisés, employez les fonctions de dessin de l'unité Themes.

<table> <thead> <tr> <th><p>Constante</p></th> <th><p>Définition LCL</p></th> <th><p>Notes Delphi</p></th> <th><p>Widgetset supporté</p></th> </tr> </thead> <tbody> <tr> <td><p>clNone</p></td> <td><p>Indique "ne pas peindre". L'employer comme couleur de contrôle est indéfini. Le contrôle ne deviendra pas transparent.</p></td> <td><p>-</p></td> <td><p>Tous</p></td> </tr> <tr> <td><p>clDefault</p></td> <td><p>L'employer pour une brosse revient à employer la couleur de fond normal pour le contexte de périphérique cible.</p> <ul> <li>Sur le canevas d'une fiche, un <em>FillRect</em> peindra une surface rectangulaire remplie avec le fond normal d'une fenêtre standard. Cela quelque puissent définir le widgetset et le thème. Cela peut être la couleur grise, un dégradé ou une image.</li> <li>Sur le canevas d'une TListBox, cela peindra avec le fond normal, qui est souvent blanc dans Windows. Ainsi, pour une TListBox, clDefault est identique à clWindow.</li> <li>L'utiliser comme couleur de crayon utilisera la couleur de ligne par défaut pour le contexte de périphérique.</li> <li>L'utiliser comme couleur de fonte utilisera la couleur de texte par défaut pour le contexte de périphérique.</li> </ul></td> <td><p>| -</p></td> <td><p>Tous</p></td> </tr> <tr> <td><p>clScrollBar</p></td> <td><p>Couleur du corps de barre de défilement</p></td> <td><p>-</p></td> <td><p>Tous</p></td> </tr> <tr> <td><p>clBackground</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Tous</p></td> </tr> <tr> <td><p>clActiveCaption</p></td> <td><p>Barre de titre de la fenêtre active</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clInactiveCaption</p></td> <td><p>Barre de titre de fenêtre inactive</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clMenu</p></td> <td><p>Couleur de fond d'article de menu ordinaire</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clWindow</p></td> <td><p>La brosse de fond normal d'un texte non sélectionné. Défini pour des contrôles comme TEdit, TComboBox, TMemo, TListBox, TTreeView.</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clWindowFrame</p></td> <td><p>Couleur du cadre autour de la fenêtre</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clMenuText</p></td> <td><p>Couleur de police pour les menus à employer avec clMenu</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clWindowText</p></td> <td><p>Couleur de police d'un texte non sélectionné à employer avec clWindow</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clCaptionText</p></td> <td><p>Couleur de texte de la barre de titre de la fenêtre active</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clActiveBorder</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clInactiveBorder</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clAppWorkspace</p></td> <td><p>Fond de la fenêtre principale en MDI</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clHighlight</p></td> <td><p>La couleur de brosse d'un élement sélectionné</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clHighlightText</p></td> <td><p>Couleur de police de texte sélectionné (à employer avec clHighligh).</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clBtnFace</p></td> <td><p>Fond de bouton</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clBtnShadow</p></td> <td><p>Couleur de l'ombre d'un bouton (en bas à droite) utilisé pour réaliser un effet 3D</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clGrayText</p></td> <td><p>Couleur de police d'un élément désactivé</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clBtnText</p></td> <td><p>Couleur de police de bouton à utiliser avec clBtnFace</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clInactiveCaptionText</p></td> <td><p>Couleur de texte du titre d'une fenêtre inactive</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clBtnHighlight</p></td> <td><p>Couleur de surlignement de bouton (en haut à gauche) utilisé pour réaliser un effet 3D</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>cl3DDkShadow</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>cl3DLight</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clInfoText</p></td> <td><p>Couleur de police pour les bulles d'aide. A employer avec clInfoBk</p></td> <td><p>-</p></td> <td><p>Tous</p></td> </tr> <tr> <td><p>clInfoBk</p></td> <td><p>Couleur de police pour les bulles d'aide. A employer avec clInfoText</p></td> <td><p>-</p></td> <td><p>Tous</p></td> </tr> <tr> <td><p>clHotLight</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clGradientActiveCaption</p></td> <td><p>La seconde couleur utilisée pour faire le dégradé de la barre de titre de la fenêtre active</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clGradientInactiveCaption</p></td> <td><p>La seconde couleur utilisée pour faire le dégradé de la barre de titre de fenêtre inactive</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clMenuHighlight</p></td> <td><p>La couleur de fond d'un article de menu sélectionné</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clMenuBar</p></td> <td><p>Couleur de fond d'une barre de menu</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clForm</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clColorDesktop</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>cl3DFace</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>cl3DShadow</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>cl3DHiLight</p></td> <td><p>?</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> <tr> <td><p>clBtnHiLight</p></td> <td><p>Comme clBtnHighlight</p></td> <td><p>-</p></td> <td><p>Aucun</p></td> </tr> </tbody> </table>

Dessin d'élément de thème sur vos contrôles personnalisés

L'unité Themes fournit des fonctions pour dessiner des éléments particuliers de contrôles standard. Par exemple, pour dessiner un signe d'expansion comme un TTreeView on utilise :

uses Themes;

...

procedure TYourCustomControl.Paint;
const
  PlusMinusDetail: array[Boolean {Hot}, Boolean {Expanded}] of TThemedTreeview =
  (
    (ttGlyphClosed, ttGlyphOpened),
    (ttHotGlyphClosed, ttHotGlyphOpened)
  );
var
  Details: TThemedElementDetails;
  R: TRect;
  Collapse: boolean;
begin
  ...
  //dessine un signe d'expansion selon le thème.
  Details := ThemeServices.GetElementDetails(PlusMinusDetail[False, Collapse]);
  R := Rect(ALeft, ATop, ARight + 1, ABottom + 1);
  ThemeServices.DrawElement(Canvas.Handle, Details, R, nil);
  ...
end;

From the Free Pascal wiki, page "Colors/fr", as it stood on 2020-02-11 after a change by Trev, out of the wiki's dump of 2024-05-26. Copyright stays with the author who wrote it, according to the old wiki's Licensing page. If you have concerns about this material, message the admin.