Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
颜色

您可以指定填充色和线条颜色：

以及标准名称或 CSS名称
使用 HEX 值 (6 个数字): #RRGGBB
使用 HEX 值 (8 个数字) 和字母合成或 RGBA 媒体颜色: #RRGGBBaa
使用短 HEX 值 (3 个值): #RGB

特殊颜色值: transparent 同样可以使用, 同义词是 transparent black (#00000000).

甘特图示例:

时序图示例:

这里使用的是颜色渐变，请参阅下一节。另参考 skinparam.

WARNING

This translation need to be updated.

WARNING

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
颜色渐变

您也可以在背景中使用颜色渐变，语法如下：两个颜色名称之间用：

|,
/ ,
\ , 或
-

参见上一节，以及类图页面上的颜色渐变。

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Automatic Font Color

PlantUML allows dynamic font color selection using the #? syntax. The system automatically chooses between two colors based on the current background color to ensure optimal contrast and readability.

How It Works:

The #? prefix defines a conditional color choice.
Two colors follow, separated by a colon.
The engine selects one based on the background:

If the background is light, it uses the first color.
If the background is dark, it uses the second color to maintain contrast.

Thus, the #?black:white syntax ensures that text remains legible across different background colors.

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.

Edit in Dokuwiki Edit in Asciidoc Edit in Markdown
Color with preprocessing

You can manipulate color with Preprocessing, and the Builtin functions:

Name	Description	Example	Return
`%darken`	Return a darken color of a given color with some ratio	`%darken("red", 20)`	`#CC0000`
`%is_dark`	Check if a color is a dark one	`%is_dark("#000000")`	`true`
`%is_light`	Check if a color is a light one	`%is_light("#000000")`	`false`
`%lighten`	Return a lighten color of a given color with some ratio	`%lighten("red", 20)`	`#CC3333`
`%reverse_color`	Reverse a color using RGB	`%reverse_color("#FF7700")`	`#0088FF`
`%reverse_hsluv_color`	Reverse a color using HSLuv	`%reverse_hsluv_color("#FF7700")`	`#602800`