Editing Template:Color/doc

Retrieve's the color of a given key in any color format (default hex).

===Parameters===
{{Transclude|Module:Color/doc#Parameters}}

===Examples===
To retrieve the color alone
<code><nowiki>{{Color|Tech}}</nowiki></code>

{{Color|Tech|debug_mode=true}}

To retrieve other color formats
<code><nowiki>{{Color|Tech|rgb}}</nowiki></code>

{{Color|Tech|rgb|debug_mode=true}}


To style text:
<code><nowiki><span style="color: {{Color|Weapon}};">Weapon colored text</span></nowiki></code>

<span style="color: {{Color|Weapon}};">Weapon colored text</span>


To style divs:
<code><nowiki><div style="background-color: {{Color|Tech}};">
Tech colored div</div></nowiki></code>

<div style="background-color: {{Color|Tech}};">
Tech colored div
</div>


To get the color without otherwise necessary prefix/postfix wrapping:

<code><nowiki>{{Color|Tech|rgb|no_wrap=true}}</nowiki></code>

{{Color|Tech|rgb|no_wrap=true|debug_mode=true}}

This can manually be wrapped like <code><nowiki>rgba({{Color|Tech|no_wrap=true}}, 0.5)</nowiki></code> to customize the alpha channel (opacity/transparency) of the color to your liking. Note that with transparency, the color will vary on light or dark mode, so consider adding a white/black background behind to enforce consistency.


To alter the alpha value using rgb dynamically:
<code><nowiki><div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 1.0);">
Armor colored div with 1.0 alpha</div></nowiki></code>

<div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 1.0);">
Armor colored div with 1.0 alpha
</div>



<code><nowiki><div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 0.5);">
Armor colored div with 0.5 alpha</div></nowiki></code>

<div style="background-color: rgba({{Color|Armor|rgb|no_wrap=true}}, 0.5);">
Armor colored div with 0.5 alpha
</div>

===Previews===
{{Transclude|Module:Color/doc#Previews}}

<noinclude>[[Category:Template documentation]]</noinclude>