🧩
New! Render PlantUML diagrams directly inside GitHub with our official browser extension — No server. No tokens. No tracking. Zero permissions but clipboard. — Try it out and let us know what you think!

Couleurs

Vous pouvez utiliser pour spécifier les couleurs de remplissage et de ligne soit :

Une valeur de couleur spéciale transparent peut être utilisée, synonyme de transparent black (#00000000).

Exemple de diagramme de Gantt

Exemple sur le Diagramme de Séquence

Ceci utilise le dégradé de couleurs, voir la section suivante. Voir aussi skinparam

WARNING
 This translation need to be updated. 
WARNING

Dégradé de couleurs

Vous pouvez également utiliser un dégradé de couleurs en arrière-plan, avec la syntaxe suivante : deux noms de couleurs séparés soit par :

selon la direction du dégradé.

Voir la section précédente, et Dégradé de couleurs sur la page Diagramme de classes.

Couleur de police automatique

La valeur spéciale automatic peut être utilisée pour la couleur de la police (premier plan du texte). Dans ce cas, la couleur est soit noire, soit blanche, en fonction de l'arrière-plan actuel

In this example, since the background is dark blue, the font color automatically switches to white for better contrast in the message "hello", while keeping black for the participant labels.
WARNING
 This translation need to be updated. 
WARNING

Préprocesseur et gestion des couleurs

Vous pouvez manipuler la couleur avec le préprocesseur et les fonctions intégrées

Nom Description Exemple Retour
%darken Retourne une couleur foncée d'une couleur donnée avec un certain ratio %darken("red", 20) #CC0000
%is_dark Vérifie si une couleur est foncée %is_dark("#000000") true
%is_light Vérifie si une couleur est claire %is_light("#000000") false
%lighten Renvoie une couleur claire d'une couleur donnée avec un certain ratio %lighten("red", 20) #CC3333
%reverse_color Inverse une couleur en utilisant RGB %reverse_color("#FF7700") #0088FF
%reverse_hsluv_color Inverser une couleur en utilisant HSLuv %reverse_hsluv_color("#FF7700") #602800

View colors in PlantUML

Un utilisateur a récemment créé une image pour afficher toutes les couleurs connues par PlantUML. (Un grand merci à lui!)

En conséquence, une nouvelle fonctionnalité a été rajoutée pour afficher toutes les couleurs avec le diagramme suivant:

Il est aussi possible d'afficher une palette de couleurs proches d'une certaine couleur (en donnant son nom ou sa valeur hexadécimale).

Couleurs d'Archimate

Archimate utilise des noms de couleurs qui reflètent l'objectif d'un nœud :

Couleurs de PlantUML