Difference between revisions of "UI Colors Reference Sheet"

From Divinity Engine Wiki
Jump to: navigation, search
(Created page with "Below, you can find the color sheet for all engine-registered colors.<br /> There are several tables. All but the last table contain engine entries, used throughout the game f...")
 
(Added hex code / samples for all RGBA colors)
 
(6 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
Below, you can find the color sheet for all engine-registered colors.<br />
 
Below, you can find the color sheet for all engine-registered colors.<br />
 
There are several tables. All but the last table contain engine entries, used throughout the game for UI consistency, gameplay denotations (red = enemy,...),...<br />
 
There are several tables. All but the last table contain engine entries, used throughout the game for UI consistency, gameplay denotations (red = enemy,...),...<br />
−
These values are in RGBA format.</br>
+
These values are in RGBA format.<br />
  
 +
<br />
 
The last table contains all registered colors used for text purposes. This table contains dialog colors, colors for status afflictions,...<br />
 
The last table contains all registered colors used for text purposes. This table contains dialog colors, colors for status afflictions,...<br />
−
The names in the last table are also used in the [[Stats_Editor|Stats Editor]]'s FormatColor field.<br />
+
All of the [[Stats_Editor|Stats Editor]]'s FormatColor field values come from this table as well.<br />
 
These are defined in HEX format.<br />
 
These are defined in HEX format.<br />
  
 +
<br />
 
{| class="wikitable sortable"
 
{| class="wikitable sortable"
 
|-
 
|-
−
! Base !! Color Value (RGBA)
+
! Base !! Color Value (HEX) !! Color Example !! Color Value (RGBA)
 
|-
 
|-
−
| Black || (0.0, 0.0, 0.0, 1.0)
+
| Black || #000000 || <span style="color:#000000">'''sample'''</span> || (0.0, 0.0, 0.0, 1.0)
 
|-
 
|-
−
| Blue || (0.0, 0.470588, 1.0, 1.0)
+
| Blue || #0078FF || <span style="color:#0078FF">'''sample'''</span> || (0.0, 0.470588, 1.0, 1.0)
 
|-
 
|-
−
| Green || (0.0, 0.94902, 0.490196, 1.0)
+
| Green || #00F27D || <span style="color:#00F27D">'''sample'''</span> || (0.0, 0.94902, 0.490196, 1.0)
 
|-
 
|-
−
| Red || (1.0, 0.00784314, 0.0, 1.0)
+
| Red || #FF0200 || <span style="color:#FF0200">'''sample'''</span> || (1.0, 0.00784314, 0.0, 1.0)
 
|-
 
|-
−
| White || (1.0, 1.0, 1.0, 1.0)
+
| White || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| Yellow || (1.0, 1.0, 0.0, 1.0)
+
| Yellow || #FFFF00 || <span style="color:#FFFF00">'''sample'''</span> || (1.0, 1.0, 0.0, 1.0)
 
|}
 
|}
  
 
{| class="wikitable sortable"
 
{| class="wikitable sortable"
 
|-
 
|-
−
! General !! Color Value (RGBA)
+
! General !! Color Value (HEX) !! Color Example !! Color Value (RGBA)
 
|-
 
|-
−
| ActiveCharacter || (1.0, 1.0, 1.0, 1.0)
+
| ActiveCharacter || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| AoO || (1.0, 0.00784314, 0.0, 1.0)
+
| AoO || #FF0100 || <span style="color:#FF0100">'''sample'''</span> || (1.0, 0.00784314, 0.0, 1.0)
 
|-
 
|-
−
| AreaInteract || (1.0, 0.831373, 0.0, 1.0)
+
| AreaInteract || #FFD400 || <span style="color:#FFD400">'''sample'''</span> || (1.0, 0.831373, 0.0, 1.0)
 
|-
 
|-
−
| Attack || (1.0, 0.00784314, 0.0, 1.0)
+
| Attack || #FF0200 || <span style="color:#FF0200">'''sample'''</span> || (1.0, 0.00784314, 0.0, 1.0)
 
|-
 
|-
−
| BackstabRegion || (1.0, 1.0, 1.0, 1.0)
+
| BackstabRegion || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| DefaultRangeOutlineColor || (0.294118, 0.627451, 1.0, 1.0)
+
| DefaultRangeOutlineColor || #4BA0FF || <span style="color:#4BA0FF">'''sample'''</span> || (0.294118, 0.627451, 1.0, 1.0)
 
|-
 
|-
−
| DefaultTaskColor || (1.0, 0.831373, 0.0, 1.0)
+
| DefaultTaskColor || #FFD400 || <span style="color:#FFD400">'''sample'''</span> || (1.0, 0.831373, 0.0, 1.0)
 
|-
 
|-
−
| FallbackOutline || (1.0, 1.0, 1.0, 1.0)
+
| FallbackOutline || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| InvalidAction || (1.0, 0.00784314, 0.0, 1.0)
+
| InvalidAction || #FF0200 || <span style="color:#FF0200">'''sample'''</span> || (1.0, 0.00784314, 0.0, 1.0)
 
|-
 
|-
−
| MaximumSkillRange || (0.8, 0.8, 0.8, 1.0)
+
| MaximumSkillRange || #CCCCCC || <span style="color:#CCCCCC">'''sample'''</span> || (0.8, 0.8, 0.8, 1.0)
 
|-
 
|-
−
| MoveFootstep || (1.0, 1.0, 1.0, 1.0)
+
| MoveFootstep || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| MoveTargetCircle || (1.0, 1.0, 1.0, 1.0)
+
| MoveTargetCircle || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| MoveTargetCross || (1.0, 1.0, 1.0, 1.0)
+
| MoveTargetCross || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| MutedEffect || (0.0, 1.0, 1.0, 1.0)
+
| MutedEffect || #00FFFF || <span style="color:#00FFFF">'''sample'''</span> || (0.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| OutlineInterract || (1.0, 0.831373, 0.0, 1.0)
+
| OutlineInterract || #FFD400 || <span style="color:#FFD400">'''sample'''</span> || (1.0, 0.831373, 0.0, 1.0)
 
|-
 
|-
−
| OutlineMoveItem || (1.0, 1.0, 1.0, 1.0)
+
| OutlineMoveItem || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|-
 
|-
−
| OutlineMoveItemDestination || (1.0, 1.0, 0.0, 1.0)
+
| OutlineMoveItemDestination || #FFFF00 || <span style="color:#FFFF00">'''sample'''</span> || (1.0, 1.0, 0.0, 1.0)
 
|-
 
|-
−
| PeaceOutline || (1.0, 1.0, 1.0, 1.0)
+
| PeaceOutline || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span> || (1.0, 1.0, 1.0, 1.0)
 
|}
 
|}
  
 
{| class="wikitable sortable"
 
{| class="wikitable sortable"
 
|-
 
|-
−
! Arena Team !! Color Value (RGBA)
+
! Arena Team !! Color Value (HEX) !! Color Example !! Color Value (RGBA)
 
|-
 
|-
−
| ArenaTeam1 || (0.192157, 0.52549, 0.4, 1.0)
+
| ArenaTeam1 || #318666 || <span style="color:#318666">'''sample'''</span> || (0.192157, 0.52549, 0.4, 1.0)
 
|-
 
|-
−
| ArenaTeam2 || (0.235294, 0.411765, 0.513726, 1.0)
+
| ArenaTeam2 || #3C6983 || <span style="color:#3C6983">'''sample'''</span> || (0.235294, 0.411765, 0.513726, 1.0)
 
|-
 
|-
−
| ArenaTeam3 || (0.521569, 0.4, 0.184314, 1.0)
+
| ArenaTeam3 || #85662F || <span style="color:#85662F">'''sample'''</span> || (0.521569, 0.4, 0.184314, 1.0)
 
|-
 
|-
−
| ArenaTeam4 || (0.529412, 0.211765, 0.360784, 1.0)
+
| ArenaTeam4 || #87365C || <span style="color:#87365C">'''sample'''</span> || (0.529412, 0.211765, 0.360784, 1.0)
 
|}
 
|}
  
 
{| class="wikitable sortable"
 
{| class="wikitable sortable"
 
|-
 
|-
−
! Skill School !! Color Value (RGBA)
+
! Skill School !! Color Value (HEX) !! Color Example !! Color Value (RGBA)
 
|-
 
|-
−
| SchoolAir || (0.458824, 0.47451, 0.831373, 0.85098)
+
| SchoolAir || #7478DC || <span style="color:#7478DC">'''Aerotheurge'''</span> || (0.458824, 0.47451, 0.831373, 0.85098)
 
|-
 
|-
−
| SchoolEarth || (0.666667, 0.537255, 0.356863, 0.85098)
+
| SchoolEarth || #AA895B || <span style="color:#AA895B">'''Geomancer'''</span> || (0.666667, 0.537255, 0.356863, 0.85098)
 
|-
 
|-
−
| SchoolFire || (0.780392, 0.396078, 0.215686, 0.85098)
+
| SchoolFire || #C76537 || <span style="color:#C76537">'''Pyrokinetic'''</span> || (0.780392, 0.396078, 0.215686, 0.85098)
 
|-
 
|-
−
| SchoolNecromancy || (0.603922, 0.313726, 0.521569, 0.85098)
+
| SchoolNecromancy || #9A5085 || <span style="color:#9A5085">'''Necromancer'''</span> || (0.603922, 0.313726, 0.521569, 0.85098)
 
|-
 
|-
−
| SchoolPolymorph || (0.960784, 0.721569, 0.0705882, 0.85098)
+
| SchoolPolymorph || #FFB811 || <span style="color:#FFB811">'''Polymorph'''</span> || (0.960784, 0.721569, 0.0705882, 0.85098)
 
|-
 
|-
−
| SchoolRanger || (0.352941, 0.588235, 0.27451, 0.85098)
+
| SchoolRanger || #5A9646 || <span style="color:#5A9646">'''Huntsman'''</span> || (0.352941, 0.588235, 0.27451, 0.85098)
 
|-
 
|-
−
| SchoolRogue || (0.337255, 0.423529, 0.423529, 0.85098)
+
| SchoolRogue || #566C6C || <span style="color:#566C6C">'''Scoundrel'''</span> || (0.337255, 0.423529, 0.423529, 0.85098)
 
|-
 
|-
−
| SchoolSource || (0.431373, 0.690196, 0.615686, 0.85098)
+
| SchoolSource || #6EB09D || <span style="color:#6EB09D">'''Source'''</span> || (0.431373, 0.690196, 0.615686, 0.85098)
 
|-
 
|-
−
| SchoolSummoning || (0.580392, 0.25098, 0.701961, 0.85098)
+
| SchoolSummoning || #9440B3 || <span style="color:#9440B3">'''Summoning'''</span> || (0.580392, 0.25098, 0.701961, 0.85098)
 
|-
 
|-
−
| SchoolWarrior || (0.631373, 0.0980392, 0.0980392, 0.85098)
+
| SchoolWarrior || #A11919 || <span style="color:#A11919">'''Warfare'''</span> || (0.631373, 0.0980392, 0.0980392, 0.85098)
 
|-
 
|-
−
| SchoolWater || (0.341176, 0.611765, 0.792157, 0.85098)
+
| SchoolWater || #579CCA || <span style="color:#579CCA">'''Hydrosophist'''</span> || (0.341176, 0.611765, 0.792157, 0.85098)
 
|}
 
|}
  
 
{| class="wikitable sortable"
 
{| class="wikitable sortable"
 
|-
 
|-
−
! Alignments !! Color Value (RGBA)
+
! Alignments !! Color Value (HEX) !! Color Example !! Color Value (RGBA)
 
|-
 
|-
−
| Party_Base || (0.0, 0.639, 0.992, 1.0)
+
| Party_Base || #00A2FD || <span style="color:#00A2FD">'''sample'''</span> || (0.0, 0.639, 0.992, 1.0)
 
|-
 
|-
−
| Party_Light || (0.424, 0.796, 1.0 1.0)
+
| Party_Light || #6CCBFF || <span style="color:#6CCBFF">'''sample'''</span> || (0.424, 0.796, 1.0, 1.0)
 
|-
 
|-
−
| Ally_Base || (0.067, 0.847, 0.478 1.0)
+
| Ally_Base || #11D77A || <span style="color:#11D77A">'''sample'''</span> || (0.067, 0.847, 0.478, 1.0)
 
|-
 
|-
−
| Ally_Light || (0.502, 1.0, 0.765, 1.0)
+
| Ally_Light || #80FFC3 || <span style="color:#80FFC3">'''sample'''</span> || (0.502, 1.0, 0.765, 1.0)
 
|-
 
|-
−
| Neutral_Base || (0.953, 0.827, 0.278, 1.0)
+
| Neutral_Base || #F3D347 || <span style="color:#F3D347">'''sample'''</span> || (0.953, 0.827, 0.278, 1.0)
 
|-
 
|-
−
| Neutral_Light || (1.0, 0.918, 0.549, 1.0)
+
| Neutral_Light || #FFEA8C || <span style="color:#FFEA8C">'''sample'''</span> || (1.0, 0.918, 0.549, 1.0)
 
|-
 
|-
−
| Enemy_Base || (0.843, 0.0, 0.122, 1.0)
+
| Enemy_Base || #D7001F || <span style="color:#D7001F">'''sample'''</span> || (0.843, 0.0, 0.122, 1.0)
 
|-
 
|-
−
| Enemy_Light || (1.0, 0.302, 0.404, 1.0)
+
| Enemy_Light || #FF001F || <span style="color:#FF001F">'''sample'''</span> || (1.0, 0.302, 0.404, 1.0)
 
|-
 
|-
−
| Item_Base || (0.953, 0.827, 0.278, 1.0)
+
| Item_Base || #F3D347 || <span style="color:#F3D347">'''sample'''</span> || (0.953, 0.827, 0.278, 1.0)
 
|-
 
|-
−
| Item_Light || (1.0, 0.918, 0.549, 1.0)
+
| Item_Light || #FFEA8C || <span style="color:#FFEA8C">'''sample'''</span> || (1.0, 0.918, 0.549, 1.0)
 
|}
 
|}
  
 
{| class="wikitable sortable"
 
{| class="wikitable sortable"
 
|-
 
|-
−
! Text !! Color Value (HEX)
+
! Text !! Color Value (HEX) !! Color Example
 
|-
 
|-
−
| White || #ffffff
+
| White || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span>
 
|-
 
|-
−
| Darkgray || #454545
+
| DarkGray || #454545 || <span style="color:#454545">'''sample'''</span>
 
|-
 
|-
−
| Gray || #a8a8a8
+
| Gray || #A8A8A8 || <span style="color:#A8A8A8">'''sample'''</span>
 
|-
 
|-
−
| Lightgray || #dbdbdb
+
| LightGray || #DBDBDB || <span style="color:#DBDBDB">'''sample'''</span>
 
|-
 
|-
−
| Red || #c80030
+
| Red || #C80030 || <span style="color:#C80030">'''sample'''</span>
 
|-
 
|-
−
| Blue || #188ede
+
| Blue || #188EDE || <span style="color:#188EDE">'''sample'''</span>
 
|-
 
|-
−
| Darkblue || #004672
+
| DarkBlue || #004672 || <span style="color:#004672">'''sample'''</span>
 
|-
 
|-
−
| Lightblue || #cfecff
+
| LightBlue || #CFECFF || <span style="color:#CFECFF">'''sample'''</span>
 
|-
 
|-
−
| Green || #40b606
+
| Green || #40B606 || <span style="color:#40B606">'''sample'''</span>
 
|-
 
|-
−
| Poisongreen || #00aa00
+
| PoisonGreen || #00AA00 || <span style="color:#00AA00">'''sample'''</span>
 
|-
 
|-
−
| Yellow || #fcd203
+
| Yellow || #FCD203 || <span style="color:#FCD203">'''sample'''</span>
 
|-
 
|-
−
| Orange || #ff9600
+
| Orange || #FF9600 || <span style="color:#FF9600">'''sample'''</span>
 
|-
 
|-
−
| Pink || #ffc3c3
+
| Pink || #FFC3C3 || <span style="color:#FFC3C3">'''sample'''</span>
 
|-
 
|-
−
| Purple || #7f00ff
+
| Purple || #7F00FF || <span style="color:#7F00FF">'''sample'''</span>
 
|-
 
|-
−
| Brown || #b97a57
+
| Brown || #B97A57 || <span style="color:#B97A57">'''sample'''</span>
 
|-
 
|-
−
| Gold || #c7a758
+
| Gold || #C7A758 || <span style="color:#C7A758">'''sample'''</span>
 
|-
 
|-
−
| Black || #000000
+
| Black || #000000 || <span style="color:#000000">'''sample'''</span>
 
|-
 
|-
−
| Normal || #ffffff
+
| Normal || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span>
 
|-
 
|-
−
| Storyitem || #d040d0
+
| Storyitem || #D040D0 || <span style="color:#D040D0">'''sample'''</span>
 
|-
 
|-
−
| Shadow || #797980
+
| Shadow || #797980 || <span style="color:#797980">'''sample'''</span>
 
|-
 
|-
−
| Poison || #65c900
+
| Poison || #65C900 || <span style="color:#65C900">'''sample'''</span>
 
|-
 
|-
−
| Earth || #7f3d00
+
| Earth || #7F3D00 || <span style="color:#7F3D00">'''sample'''</span>
 
|-
 
|-
−
| Air || #7d71d9
+
| Air || #7D71D9 || <span style="color:#7D71D9">'''sample'''</span>
 
|-
 
|-
−
| Water || #4197e2
+
| Water || #4197E2 || <span style="color:#4197E2">'''sample'''</span>
 
|-
 
|-
−
| Fire || #fe6e27
+
| Fire || #FE6E27 || <span style="color:#FE6E27">'''sample'''</span>
 
|-
 
|-
−
| Source || #46b195
+
| Source || #46B195 || <span style="color:#46B195">'''sample'''</span>
 
|-
 
|-
−
| Decay || #b823cb
+
| Decay || #B823CB || <span style="color:#B823CB">'''sample'''</span>
 
|-
 
|-
−
| Polymorph || #f7ba14
+
| Polymorph || #F7BA14 || <span style="color:#F7BA14">'''sample'''</span>
 
|-
 
|-
−
| Ranger || #81ab00
+
| Ranger || #81AB00 || <span style="color:#81AB00">'''sample'''</span>
 
|-
 
|-
−
| Rogue || #639594
+
| Rogue || #639594 || <span style="color:#639594">'''sample'''</span>
 
|-
 
|-
−
| Summoner || #7f25d4
+
| Summoner || #7F25D4 || <span style="color:#7F25D4">'''sample'''</span>
 
|-
 
|-
−
| Void || #73f6ff
+
| Void || #73F6FF || <span style="color:#73F6FF">'''sample'''</span>
 
|-
 
|-
−
| Warrior || #da2512
+
| Warrior || #DA2512 || <span style="color:#DA2512 =">'''sample'''</span>
 
|-
 
|-
−
| Special || #c9aa58
+
| Special || #C9AA58 || <span style="color:#C9AA58">'''sample'''</span>
 
|-
 
|-
−
| Healing || #97fbff
+
| Healing || #97FBFF || <span style="color:#97FBFF">'''sample'''</span>
 
|-
 
|-
−
| Charm || #ffb8b8
+
| Charm || #FFB8B8 || <span style="color:#FFB8B8">'''sample'''</span>
 
|-
 
|-
−
| Reputation || #ffab00
+
| Reputation || #FFAB00 || <span style="color:#FFAB00">'''sample'''</span>
 
|-
 
|-
−
| Karma || #7f00ff
+
| Karma || #7F00FF || <span style="color:#7F00FF">'''sample'''</span>
 
|-
 
|-
−
| Stats_off_def || #411600
+
| Stats_Off_Def || #411600 || <span style="color:#411600">'''sample'''</span>
 
|-
 
|-
−
| Stats_lvlup || #007431
+
| Stats_LvlUp || #007431 || <span style="color:#007431">'''sample'''</span>
 
|-
 
|-
−
| Stats_greyed_out || #403625
+
| Stats_Greyed_Out || #403625 || <span style="color:#403625">'''sample'''</span>
 
|-
 
|-
−
| Stat_boosted || #00547f
+
| Stat_Boosted || #00547F || <span style="color:#00547F">'''sample'''</span>
 
|-
 
|-
−
| Dialog_noplayer || #ffffff
+
| Dialog_NoPlayer || #FFFFFF || <span style="color:#FFFFFF">'''sample'''</span>
 
|-
 
|-
−
| Dialog_peer_owns_player || #9a6a46
+
| Dialog_Peer_Owns_Player || #9A6A46 || <span style="color:#9A6A46">'''sample'''</span>
 
|-
 
|-
−
| Dialog_peer_not_owns_player || #745035
+
| Dialog_Peer_Not_Owns_Player || #745035 || <span style="color:#745035">'''sample'''</span>
 
|-
 
|-
−
| Dialog_player_is_enemy || #aa3938
+
| Dialog_Player_Is_Enemy || #AA3938 || <span style="color:#AA3938">'''sample'''</span>
 
|-
 
|-
−
| Dialog_player_not_popular || #ed9d07
+
| Dialog_Player_Not_Popular || #ED9D07 || <span style="color:#ED9D07">'''sample'''</span>
 
|-
 
|-
−
| Dialog_player_neutral || #fcd203
+
| Dialog_Player_Neutral || #FCD203 || <span style="color:#FCD203">'''sample'''</span>
 
|-
 
|-
−
| Dialog_player_popular || #88a25b
+
| Dialog_Player_Popular || #88A25B || <span style="color:#88A25B">'''sample'''</span>
 
|-
 
|-
−
| Dialog_player_super_popular || #34789c
+
| Dialog_Player_Super_Popular || #34789C || <span style="color:#34789C">'''sample'''</span>
 
|-
 
|-
−
| Rps_charm || #d66565
+
| Rps_Charm || #D66565 || <span style="color:#D66565">'''sample'''</span>
 
|-
 
|-
−
| Rps_intimidate || #d85b00
+
| Rps_Intimidate || #D85B00 || <span style="color:#D85B00">'''sample'''</span>
 
|-
 
|-
−
| Rps_reason || #e4ce93
+
| Rps_Reason || #E4CE93 || <span style="color:#E4CE93">'''sample'''</span>
 
|-
 
|-
−
| Illegal_action || #cd1f1f
+
| Illegal_Action || #CD1F1F || <span style="color:#CD1F1F">'''sample'''</span>
 
|-
 
|-
−
| Playercolor_green || #318666
+
| PlayerColor_Green || #318666 || <span style="color:#318666">'''sample'''</span>
 
|-
 
|-
−
| Playercolor_blue || #3c6983
+
| PlayerColor_Blue || #3C6983 || <span style="color:#3C6983">'''sample'''</span>
 
|-
 
|-
−
| Playercolor_yellow || #85662f
+
| PlayerColor_Yellow || #85662F || <span style="color:#85662F">'''sample'''</span>
 
|-
 
|-
−
| Playercolor_red || #87365c
+
| PlayerColor_Red || #87365C || <span style="color:#87365C">'''sample'''</span>
 
|-
 
|-
−
| Sticky || #f1d466
+
| Sticky || #F1D466 || <span style="color:#F1D466">'''sample'''</span>
 
|-
 
|-
−
| Tutorialkey || #008858
+
| TutorialKey || #008858 || <span style="color:#008858">'''sample'''</span>
 
|}
 
|}

Latest revision as of 21:46, 16 December 2018

Below, you can find the color sheet for all engine-registered colors.
There are several tables. All but the last table contain engine entries, used throughout the game for UI consistency, gameplay denotations (red = enemy,...),...
These values are in RGBA format.


The last table contains all registered colors used for text purposes. This table contains dialog colors, colors for status afflictions,...
All of the Stats Editor's FormatColor field values come from this table as well.
These are defined in HEX format.


Base Color Value (HEX) Color Example Color Value (RGBA)
Black #000000 sample (0.0, 0.0, 0.0, 1.0)
Blue #0078FF sample (0.0, 0.470588, 1.0, 1.0)
Green #00F27D sample (0.0, 0.94902, 0.490196, 1.0)
Red #FF0200 sample (1.0, 0.00784314, 0.0, 1.0)
White #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
Yellow #FFFF00 sample (1.0, 1.0, 0.0, 1.0)
General Color Value (HEX) Color Example Color Value (RGBA)
ActiveCharacter #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
AoO #FF0100 sample (1.0, 0.00784314, 0.0, 1.0)
AreaInteract #FFD400 sample (1.0, 0.831373, 0.0, 1.0)
Attack #FF0200 sample (1.0, 0.00784314, 0.0, 1.0)
BackstabRegion #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
DefaultRangeOutlineColor #4BA0FF sample (0.294118, 0.627451, 1.0, 1.0)
DefaultTaskColor #FFD400 sample (1.0, 0.831373, 0.0, 1.0)
FallbackOutline #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
InvalidAction #FF0200 sample (1.0, 0.00784314, 0.0, 1.0)
MaximumSkillRange #CCCCCC sample (0.8, 0.8, 0.8, 1.0)
MoveFootstep #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
MoveTargetCircle #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
MoveTargetCross #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
MutedEffect #00FFFF sample (0.0, 1.0, 1.0, 1.0)
OutlineInterract #FFD400 sample (1.0, 0.831373, 0.0, 1.0)
OutlineMoveItem #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
OutlineMoveItemDestination #FFFF00 sample (1.0, 1.0, 0.0, 1.0)
PeaceOutline #FFFFFF sample (1.0, 1.0, 1.0, 1.0)
Arena Team Color Value (HEX) Color Example Color Value (RGBA)
ArenaTeam1 #318666 sample (0.192157, 0.52549, 0.4, 1.0)
ArenaTeam2 #3C6983 sample (0.235294, 0.411765, 0.513726, 1.0)
ArenaTeam3 #85662F sample (0.521569, 0.4, 0.184314, 1.0)
ArenaTeam4 #87365C sample (0.529412, 0.211765, 0.360784, 1.0)
Skill School Color Value (HEX) Color Example Color Value (RGBA)
SchoolAir #7478DC Aerotheurge (0.458824, 0.47451, 0.831373, 0.85098)
SchoolEarth #AA895B Geomancer (0.666667, 0.537255, 0.356863, 0.85098)
SchoolFire #C76537 Pyrokinetic (0.780392, 0.396078, 0.215686, 0.85098)
SchoolNecromancy #9A5085 Necromancer (0.603922, 0.313726, 0.521569, 0.85098)
SchoolPolymorph #FFB811 Polymorph (0.960784, 0.721569, 0.0705882, 0.85098)
SchoolRanger #5A9646 Huntsman (0.352941, 0.588235, 0.27451, 0.85098)
SchoolRogue #566C6C Scoundrel (0.337255, 0.423529, 0.423529, 0.85098)
SchoolSource #6EB09D Source (0.431373, 0.690196, 0.615686, 0.85098)
SchoolSummoning #9440B3 Summoning (0.580392, 0.25098, 0.701961, 0.85098)
SchoolWarrior #A11919 Warfare (0.631373, 0.0980392, 0.0980392, 0.85098)
SchoolWater #579CCA Hydrosophist (0.341176, 0.611765, 0.792157, 0.85098)
Alignments Color Value (HEX) Color Example Color Value (RGBA)
Party_Base #00A2FD sample (0.0, 0.639, 0.992, 1.0)
Party_Light #6CCBFF sample (0.424, 0.796, 1.0, 1.0)
Ally_Base #11D77A sample (0.067, 0.847, 0.478, 1.0)
Ally_Light #80FFC3 sample (0.502, 1.0, 0.765, 1.0)
Neutral_Base #F3D347 sample (0.953, 0.827, 0.278, 1.0)
Neutral_Light #FFEA8C sample (1.0, 0.918, 0.549, 1.0)
Enemy_Base #D7001F sample (0.843, 0.0, 0.122, 1.0)
Enemy_Light #FF001F sample (1.0, 0.302, 0.404, 1.0)
Item_Base #F3D347 sample (0.953, 0.827, 0.278, 1.0)
Item_Light #FFEA8C sample (1.0, 0.918, 0.549, 1.0)
Text Color Value (HEX) Color Example
White #FFFFFF sample
DarkGray #454545 sample
Gray #A8A8A8 sample
LightGray #DBDBDB sample
Red #C80030 sample
Blue #188EDE sample
DarkBlue #004672 sample
LightBlue #CFECFF sample
Green #40B606 sample
PoisonGreen #00AA00 sample
Yellow #FCD203 sample
Orange #FF9600 sample
Pink #FFC3C3 sample
Purple #7F00FF sample
Brown #B97A57 sample
Gold #C7A758 sample
Black #000000 sample
Normal #FFFFFF sample
Storyitem #D040D0 sample
Shadow #797980 sample
Poison #65C900 sample
Earth #7F3D00 sample
Air #7D71D9 sample
Water #4197E2 sample
Fire #FE6E27 sample
Source #46B195 sample
Decay #B823CB sample
Polymorph #F7BA14 sample
Ranger #81AB00 sample
Rogue #639594 sample
Summoner #7F25D4 sample
Void #73F6FF sample
Warrior #DA2512 sample
Special #C9AA58 sample
Healing #97FBFF sample
Charm #FFB8B8 sample
Reputation #FFAB00 sample
Karma #7F00FF sample
Stats_Off_Def #411600 sample
Stats_LvlUp #007431 sample
Stats_Greyed_Out #403625 sample
Stat_Boosted #00547F sample
Dialog_NoPlayer #FFFFFF sample
Dialog_Peer_Owns_Player #9A6A46 sample
Dialog_Peer_Not_Owns_Player #745035 sample
Dialog_Player_Is_Enemy #AA3938 sample
Dialog_Player_Not_Popular #ED9D07 sample
Dialog_Player_Neutral #FCD203 sample
Dialog_Player_Popular #88A25B sample
Dialog_Player_Super_Popular #34789C sample
Rps_Charm #D66565 sample
Rps_Intimidate #D85B00 sample
Rps_Reason #E4CE93 sample
Illegal_Action #CD1F1F sample
PlayerColor_Green #318666 sample
PlayerColor_Blue #3C6983 sample
PlayerColor_Yellow #85662F sample
PlayerColor_Red #87365C sample
Sticky #F1D466 sample
TutorialKey #008858 sample
Retrieved from "https://docs.larian.game/index.php?title=UI_Colors_Reference_Sheet&oldid=6492"