Couleurs

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

avec sa désignation standard ou son nom CSS
avec une valeur hexadécimale (6 chiffres): #RRGGBB
avec une valeur hexadécimale (8 chiffres) et un canal alpha ou le format RGBA: #RRGGBBaa
avec une valeur hexadécimale courte (3 chiffres): #RGB

@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

Voir aussi: skinparam This uses Color Gradient, see next section. See also [skinparam](http://plantuml.com/skinparam) See also [skinparam](http://plantuml.com/skinparam).

WARNING

This translation need to be updated.

WARNING

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 the previous section, and Color gradient on Class diagram page.

Automatic font color

The special value automatic can be used for font (text foreground) color. 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

Archimate colors

Archimate uses color names that reflect the purpose of a node:

Application
Business
Implementation
Motivation
Physical
Strategy
Technology

@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