Edit in DokuwikiEdit in AsciidocEdit in Markdown

Couleurs

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

• avec son nom standard ou son nom CSS
• en utilisant la valeur HEX (6 chiffres): #RRGGBB
• en utilisant la valeur HEX (8 chiffres) avec l'alpha compositing ou le modèle de couleur RGBA: #RRGGBBaa
• en utilisant la valeur HEX courte (3 chiffres): #RGB

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

Exemple de diagramme de Gantt

🎉 Copied!

@startgantt [Activity1] lasts 5 days [Activity2] lasts 5 days [Activity1] is colored in White/Red [Activity2] is colored in Silver/SeaGreen [Activity1] -> [Activity2] @endgantt

Exemple sur le Diagramme de Séquence

🎉 Copied!

@startuml actor Bob #Red/Yellow actor Alice #FF0000/FFFF00 Alice -> Bob : hello @enduml

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

WARNING

 This translation need to be updated. 

WARNING

Edit in DokuwikiEdit in AsciidocEdit in Markdown

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 :

• | ,
• / ,
• \ , ou
• -

selon la direction du dégradé.

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

Edit in DokuwikiEdit in AsciidocEdit in Markdown

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

🎉 Copied!

@startuml skinparam classFontColor automatic skinparam classHeaderBackgroundColor #444 class classA { testMethodCode() } class classB #fff { testMethodCode() } @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

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

Edit in DokuwikiEdit in AsciidocEdit in Markdown

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:

🎉 Copied!

@startuml colors @enduml

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

🎉 Copied!

@startuml colors chocolate @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Couleurs d'Archimate

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

• Application
• Entreprise
• Mise en œuvre
• Motivation
• Physique
• Stratégie
• Technologie

🎉 Copied!

@startuml skinparam minClassWidth 125 skinparam nodesep 10 skinparam ranksep 10 rectangle Application #Application rectangle Business #Business rectangle Implementation #Implementation rectangle Motivation #Motivation rectangle Physical #Physical rectangle Strategy #Strategy rectangle Technology #Technology @enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown

Couleurs de PlantUML

🎉 Copied!

@startuml skinparam minClassWidth 200 skinparam nodesep 10 skinparam ranksep 10 rectangle "ClassColor" { rectangle "Class_C_Background\n #ADD1B2" #ADD1B2 rectangle "Class_N_Background\n #E3664A" #E3664A rectangle "Class_A_Background\n #A9DCDF" #A9DCDF rectangle "Class_I_Background\n #B4A7E5" #B4A7E5 rectangle "Class_E_Background\n #EB937F" #EB937F } rectangle "DefaultColor" { rectangle "BackGroundColor_Default\n #FEFECE" #FEFECE rectangle "LineColor_Default\n #A80036" #A80036 rectangle "Legend_BackGroundColor\n #DDDDDD" #DDDDDD rectangle "//TBC//\n..." } @enduml