Donate258Patreon127


Colors

You can use specify fill and line colors either:

A special color values: transparent can be used, synonym of transparent black (#00000000).

Example on 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 on Sequence Diagram:

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

This uses Color Gradient, see next section. See also skinparam.

Color gradient

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

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

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

Archimate colors

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

@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