This template colors the background of a table cell and displays the background color's hex code triplet as a tooltip when the mouse pointer is located in the cell. The second parameter specifies the text color.
Usage
{{Coltit|RGB hex triplet of background color|RGB hex triplet of color|alignment letter|x=individual text}}
The template needs the colors hex code RGB or RRGGBB (not the color name); the 2nd parameters default value is 000 (black); possible alignement letters are: l (left), r (right) with default value center.
The parameter x=
specifies a title text header different from its default value (color #).
Example
{| class="wikitable"
|{{Coltit|F00|0FF}}'''red''' and complementary color
|{{Coltit|#0ff|#f00}}'''turq''' and complementary color
|{{Coltit|rgb=12,34,56|color=75%,50%,25%}} using absolute 8-bit decimal and percentage RGB notation
|{{Coltit}} no parameters, all defaults
|{{Coltit|ffee11|x=yellow background colour}}
|-
| colspan=5 title="background color: #FB2" bgcolor=#FB2 style="color:#FB2;text-align:center" | '''The background should be <u>light orange</u>, not black &emsp; <small>(Internet Explorer ''short form bug'')'''</small>
|}
title="color F00" style="background: Template:CSScolor; color: Template:CSScolor; Template:Text-align"| red and complementary color | title="color #0FF" style="background: Template:CSScolor; color: Template:CSScolor; Template:Text-align"| turq and complementary color | title="color 12,34,56" style="background: rgb(12,34,56); color: rgb(75%,50%,25%); Template:Text-align"| using absolute 8-bit decimal and percentage RGB notation | title="color #FFF" style="background: Template:CSScolor; color: Template:CSScolor; Template:Text-align"| no parameters, all defaults | title="yellow background colour" style="background: Template:CSScolor; color: Template:CSScolor; Template:Text-align"| |
The background should be light orange, not black (Internet Explorer short form bug) |
Move the mouse pointer to the table cell to see the background color value
See also
- {{Color}}
- {{Colors}}
- {{Background color}}
- {{Font color}}
- {{Resize}}