ホーム 新着情報 入門 Online Server 実行方法 F.A.Q. ダウンロード フォーラム(英語) Theme 前処理 標準ライブラリ Hitchhiker's Guide PDFガイド
PlantUML Language specification Color Names

Edit in DokuwikiEdit in AsciidocEdit in Markdown
色

塗りつぶし色と線の色をそれぞれ指定することができます：

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も参照してください。

Edit in DokuwikiEdit in AsciidocEdit in Markdown
色のグラデーション

次の構文で背景に色のグラデーションを設定することもできます。 2つの色の名前を次のいずれかで区切って記述してください：

  • |
  • /
  • \
  • -

グラデーションの方向に応じて記号を使い分けてください。

前のセクションの例、および、クラス図 色のグラデーションを参照してください。

Edit in DokuwikiEdit in AsciidocEdit in Markdown
フォント色の自動設定

フォント(テキストの前景)色にautomaticという特別な値を設定することができます。こうすると、背景の色に応じて自動的にblackまたはwhiteが選択されます。

🎉 Copied! 

@startuml
skinparam classFontColor automatic
skinparam classHeaderBackgroundColor #444

class classA {
testMethodCode()        
}

class classB #fff {
testMethodCode()       
}
@enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown
色と前処理

前処理とビルトイン関数を使って、色を操作することができます。

名前 説明 例 結果
%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

Edit in DokuwikiEdit in AsciidocEdit in Markdown
PlantUMLの色の一覧

とあるユーザにより、PlantUMLで使用できる色名の一覧が作られました。(彼に感謝します！)

そこで、色の一覧を出力する特別なダイアグラムの機能が追加されました：

🎉 Copied! 

@startuml
colors
@enduml

また、特定の色(色名または16進数)に近い色のパレットを表示することもできます。

🎉 Copied! 

@startuml
colors chocolate
@enduml

Edit in DokuwikiEdit in AsciidocEdit in Markdown
Archimateの色

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

Edit in DokuwikiEdit in AsciidocEdit in Markdown
PlantUMLの色

🎉 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

Privacy Policy      Advertise