Template:Color

style="width:12.5%; background:#000000; color:white;"|0 #000000

style="width:12.5%; background:#535353; color:white;"|1 #535353

style="width:12.5%; background:#7b7b7b; color:white;"|2 #7B7B7B

style="width:12.5%; background:#b8b8b8; color:black;"|3 #B8B8B8

style="width:12.5%; background:#c6c6c6; color:black;"|4 #C6C6C6

style="width:12.5%; background:#e0e0e0; color:black;"|5 #E0E0E0

style="width:12.5%; background:#eeeeee; color:black;"|6 #EEEEEE

style="width:12.5%; background:#ffffff; color:black;"|7 #FFFFFF

style="width:25%; background:#3055A1;"|PB #3055A1	style="width:25%; background:#777690;"|PB2 #DF9330	style="width:25%; background:#952F58;"|BT #952F58	style="width:25%; background:#DF9330;"|BT2 #DF9330
style="width:25%; background:#1b3f95;"|SC #57508F	style="width:25%; background:#9bb144;"|SC2 #B7A972	style="width:25%; background:#78a4cd;"|DU #78A4CD	style="width:25%; background:#F599A3;"|DU2 #F599A3
style="width:25%; background:#E15FB6;"|VA #E15FB6	style="width:25%; background:#D4BA50;"|VA2 #D4BA50	style="width:25%; background:#842D85;"|SO #2F93AD	style="width:25%; background:#98C988;"|SO2 #8FAC84
style="width:25%; background:#D4813D;"|SBR #D4813D	style="width:25%; background:#a19b9b;"|SBR2 #C6C3C3	style="width:25%; background:#53A599;"|JJL #53A599	style="width:25%; background:#F8A1E8;"|JJL2 #F8A1E8
style="width:25%; background:TJL; color:white;"|TJL #19236D	style="width:25%; background:TJL2;"|TJL2 #B96997	style="width:25%; background:TSKR;"|TSKR #49885D	style="width:25%; background:TSKR2;"|TSKR2 #AD76C9
style="width:25%; background:cddh;"|CDDH #DA4F4F	style="width:25%; background:cddh2;"|CDDH2 #99AD89	style="width:25%; background:#4b8ac4;"|Baoh #4B509B	style="width:25%; background:#35337e;"|Baoh2 #7999BC
style="width:25%; background:#D58C00;"|Irene #D58C00	style="width:25%; background:#8FA84D;"|Irene2 #8FA84D	style="width:25%; background:#86479c;"|CoolShockBT #86479C	style="width:25%; background:#C35622;"|CoolShockBT2 #CF774E
style="width:25%; background:eccentrics;"|Eccentrics #643CD2	style="width:25%; background:eccentrics2;"|Eccentrics2 #D23F5B	style="width:25%; background:#545f96;"|Novel #545F96	style="width:25%; background:#637e74;"|Novel2 #91A49D
style="width:25%; background:#b61a53;"|4thDay #B61A53	style="width:25%; background:#faf273;"|4thDay2 #E2DB74	style="width:25%; background:#3d7bd0;"|GHGR #82AFE5	style="width:25%; background:#ff4208;"|GHGR2 #E98344
style="width:25%; background:#685fa5;"|PHF #685FA5	style="width:25%; background:#caa6cc;"|PHF2 #CAA6CC	style="width:25%; background:#626151;"|OH #626151	style="width:25%; background:#70a6bc;"|OH2 #70A6BC
style="width:25%; background:#df3073;"|Jorge #DF3073	style="width:25%; background:#669e6a;"|Jorge2 #669E6A	style="width:25%; background:ri; color:white;"|EA #301623	style="width:25%; background:ri2;"|EA2 #C8C3B5
style="width:25%; background:ueuj;"|UEUJ #D8699C	style="width:25%; background:ueuj2;"|UEUJ2 #326A94	style="width:25%; background:ml;"|ML #DD634F	style="width:25%; background:ml2;"|ML2 #3D836A
style="width:25%; background:game;"|Game #6E7A97	style="width:25%; background:game2;"|Game2 #D3D3AF	style="width:25%; background:wsj;"|WSJ #C03A3A	style="width:25%; background:wsjseventies;"|WSJSeventies #AD3838
style="width:25%; background:wsjeighties;"|WSJEighties #C29731	style="width:25%; background:wsjnineties;"|WSJNineties #408939	style="width:25%; background:wsjaughts;"|WSJAughts #437CAF	style="width:25%; background:wsjtens;"|WSJTens #7F39A6
style="width:25%; background:llc;"|LLC #6358B0	style="width:25%; background:llc2;"|LLC2 #4AA1A2	style="width:25%; background:hftf;"|HFTF #6C3989	style="width:25%; background:hftf2;"|HFTF2 #E8CA70
style="width:25%; background:jjbe;"|JJBE #9DA1C0	style="width:25%; background:jjbe2;"|JJBE2 #F7F7F7	style="width:25%; background:jjbe3;"|JJBE3 #474E7A	style="width:25%; background:jjbe4;"|JJBE4 #A788B2

Edit This Table

Template Documentation (sometimes hidden or invisible) Template tools: purge • what links here • what transclude this • subpages

Description

This template makes it easy to change colors for each part's unique theme, for coloring text or using it as an input to a CSS style.

Syntax

{{color|<INDEX>|<TEXT>}}

Notes

• Acceptable values for <INDEX> are:

1. A color name used in the above table. This should always be used unless you want a color that isn't supported.
2. A hexidecimal value.
3. A web color name.

• The <TEXT> parameter is optional.
• Refer to the above table for color indices.

Sample output

{{Color|PB|Phantom Blood}}

Phantom Blood

<div style="width:250px; height:50px; background:{{color|SO}};"/>

<font style="background:{{color|SDC}}">{{color|BT2|Making text on a colored  background.}}</font>

Making text on a colored background.

{{color|#FF0000|'''Making red text using a hex value.'''}}

Making red text using a hex value.

{{color|lime|'''Making green text using a web color.'''}}

Making green text using a web color.

Visit Template:Color/doc to edit this text! (How does this work?) (Refresh this text)