ホーム 新着情報 入門 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

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.
WARNING
 This translation need to be updated. 
WARNING

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