Multilingual Wiki Documentation

You are currently using syntax.
In an attempt to improve PlantUML documentation...
Please do not use this website for your own diagrams.
You can click here and use the online server here for your own documentation.

Recent changes    Wiki Toc    View page history    Add new chapter    Reorder page    Raw

Couleurs

Vous pouvez définir une couleur des façons suivantes:

Exemple Gantt Diagram:

@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 Sequence Diagram:

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

Also see: skinparam

Colors

You can use specify fill and line colors either:

Example Gantt Diagram:

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

Example Sequence Diagram:

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

Also see: skinparam

Color gradient

You can also use color gradient in background, with the following syntax: two colors names separated either by:

  • |,
  • /,
  • \,
  • or -

depending the direction of the gradient.

See Color gradient on Class diagram page.

Automatic color

The special value automatic can be used for text. In that case, the color is either black or white, depending on the current background.

@startuml
skinparam classFontColor automatic
skinparam classHeaderBackgroundColor #444

class classA {
testMethodCode()        
}

class classB #fff {
testMethodCode()       
}
@enduml

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:

@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).

@startuml
colors chocolate
@enduml

View colors in PlantUML

A user has recently created an image to display all names colors used by PlantUML. (We thank him by the way!)

So a new feature has been added to print all those colors using a special diagram description:

@startuml
colors
@enduml

It is also possible to print a palette of colors close to some other color (using its name or HEX value).

@startuml
colors chocolate
@enduml


Please report any bugs to plantuml@gmail.com or here.
This website is still in beta testing.