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:SC;"|SC #57508F	style="width:25%; background:SC2;"|SC2 #B7A972	style="width:25%; background:DU;"|DU #5E8CB8	style="width:25%; background:DU2;"|DU2 #F599A3
style="width:25%; background:#E15FB6;"|VA #E15FB6	style="width:25%; background:#F4DA6D;"|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:#C0C0C0;"|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 #C787AB	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:coolshockbt;"|CoolShockBT #86479C	style="width:25%; background:coolshockbt2;"|CoolShockBT2 #CF774E
style="width:25%; background:baoh;"|Baoh #4B509B	style="width:25%; background:baoh2;"|Baoh2 #7999BC	style="width:25%; background:irene;"|Irene #D58C00	style="width:25%; background:irene2;"|Irene2 #8FA84D
style="width:25%; background:ueuj;"|UEUJ #D8699C	style="width:25%; background:ueuj2;"|UEUJ2 #326A94	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:thebook;"|TheBook #B61A53	style="width:25%; background:thebook2;"|TheBook2 #DFDA90
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:jorge;"|Jorge #DF3073	style="width:25%; background:jorge2;"|Jorge2 #669E6A
style="width:25%; background:ri; color:white;"|EA #301623	style="width:25%; background:ri2;"|EA2 #C8C3B5	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:mag;"|JOJOmag #FF39B7	style="width:25%; background:mag2;"|JOJOmag2 #0879C2	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

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>|bg=<BACKGROUND>|link=<LINK>}}

Notes

• Acceptable values for <INDEX> and <BACKGROUND> 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}};"/>

{{Color|BT2|bg=SC|Making text on a colored background.}}

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 linked text using a web color.'''|link=Template:Color/doc}}

Making green linked text using a web color.

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