塗りつぶし色と線の色をそれぞれ指定することができます：
transparentという特別な値を使うこともできます。これは、
transparent black (
#00000000)と同じ意味です。
ガントチャートの例：
🎉 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
|
シーケンス図の例：
🎉 Copied!
| @startuml
actor Bob #Red/Yellow
actor Alice #FF0000/FFFF00
Alice -> Bob : hello
@enduml
|
ここでは、色のグラデーションを使用しています、次のセクションを参照してください。 また、
skinparamも参照してください。
次の構文で背景に色のグラデーションを設定することもできます。 2つの色の名前を次のいずれかで区切って記述してください：
グラデーションの方向に応じて記号を使い分けてください。
前のセクションの例、および、
クラス図 色のグラデーションを参照してください。
フォント(テキストの前景)色に
automaticという特別な値を設定することができます。こうすると、背景の色に応じて自動的にblackまたはwhiteが選択されます。
🎉 Copied!
| @startuml
skinparam classFontColor automatic
skinparam classHeaderBackgroundColor #444
class classA {
testMethodCode()
}
class classB #fff {
testMethodCode()
}
@enduml
|
前処理と
ビルトイン関数を使って、色を操作することができます。
| 名前 | 説明 | 例 | 結果 |
%darken | 与えられた色を一定割合で暗くした色を返します | %darken("red", 20) | #CC0000 |
%is_dark | 与えられた色が暗い色かどうかを判定します | %is_dark("#000000") | true |
%is_light | 与えられた色が明るい色かどうかを判定します | %is_light("#000000") | false |
%lighten | 与えられた色を一定割合で明るくした色を返します | %lighten("red", 20) | #CC3333 |
%reverse_color | RGB基準で色を反転します | %reverse_color("#FF7700") | #0088FF |
%reverse_hsluv_color | HSLuv基準で色を反転します | %reverse_hsluv_color("#FF7700") | #602800 |
とあるユーザにより、
PlantUMLで使用できる色名の一覧が作られました。(彼に感謝します！)
そこで、色の一覧を出力する特別なダイアグラムの機能が追加されました：
🎉 Copied!
| |
また、特定の色(色名または16進数)に近い色のパレットを表示することもできます。
🎉 Copied!
| @startuml
colors chocolate
@enduml
|
Archimateでは、ノードの用途に対応した色名を利用できます：
- Application
- Business
- Implementation
- Motivation
- Physical
- Strategy
- Technology
🎉 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
|
🎉 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
|
Edit in Dokuwiki
Edit in Asciidoc
Edit in Markdown
色のグラデーション
