The Wiki for Tale 6 is in read-only mode and is available for archival and reference purposes only. Please visit the current Tale 11 Wiki in the meantime.
If you have any issues with this Wiki, please post in #wiki-editing on Discord or contact Brad in-game.
Difference between revisions of "User:OneBanana/Gallery/Test Page 5"
From ATITD6
< User:OneBanana | Gallery
Jump to navigationJump to search| Line 4: | Line 4: | ||
<p class="tab">Below are some of the common color names and codes. With these colors, you can also use the color name. For example, in HTML tags and CSS that use color codes, you could use "red" instead of "#FF0000" | <p class="tab">Below are some of the common color names and codes. With these colors, you can also use the color name. For example, in HTML tags and CSS that use color codes, you could use "red" instead of "#FF0000" | ||
| − | </p><table class="mtable"><tr><th>Color Name</th><th>Color Code</th><th>Color Name</th><th>Color Code</th></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FF0000');" style="background: Red">Red</td><td class="tcw ce">#FF0000</td><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FFFFFF');" style="background: White">White</td><td class="tcw ce"><a FFFFFF">#FFFFFF</a></td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=00FFFF');" style="background: Cyan">Cyan</td><td class="tcw ce"><a 00FFFF">#00FFFF</a></td><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=C0C0C0');" style="background: Silver">Silver</td><td class="tcw ce"><a C0C0C0">#C0C0C0</a></td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=0000FF');" style="background: Blue">Blue</td><td class="tcw ce"><a 0000FF">#0000FF</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=808080');" style="background: Gray">Gray or Grey</td><td class="tcw ce"><a 808080">#808080</a></td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=0000A0');" style="background: DarkBlue">DarkBlue</td><td class="tcw ce"><a 0000A0">#0000A0</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=000000');" style="background: Black">Black</td><td class="tcw ce"><a 000000">#000000</a></td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=ADD8E6');" style="background: LightBlue">LightBlue</td><td class="tcw ce"><a ADD8E6">#ADD8E6</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FFA500');" style="background: Orange">Orange</td><td class="tcw ce"><a FF8040">#FFA500</a></td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=800080');" style="background: Purple">Purple</td><td class="tcw ce"><a 800080">#800080</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=A52A2A');" style="background: Brown">Brown</td><td class="tcw ce"><a A52A2A">#A52A2A</a></td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FFFF00');" style="background: Yellow">Yellow</td><td class="tcw ce"><a FFFF00">#FFFF00</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=800000');" style="background: Maroon">Maroon</td><td class="tcw ce"><a 800000">#800000</a></td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=00FF00');" style="background: Lime">Lime</td><td class="tcw ce"><a 00FF00">#00FF00</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=008000');" style="background: Green">Green</td><td class="tcw ce"><a 008000">#008000</a></td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FF00FF');" style="background: Fuchsia">Magenta</td><td class="tcw ce"><a FF00FF">#FF00FF</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=808000');" style="background: Olive">Olive</td><td class="tcw ce"><a 808000">#808000</a></td></tr></table> | + | </p><table class="mtable"><tr><th>Color Name</th><th>Color Code</th><th>Color Name</th><th>Color Code</th></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FF0000');" style="background: Red">Red</td><td class="tcw ce">#FF0000</td><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FFFFFF');" style="background: White">White</td><td class="tcw ce"><a FFFFFF">#FFFFFF</a> |
| + | |||
| + | </td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=00FFFF');" style="background: Cyan">Cyan</td><td class="tcw ce"><a 00FFFF">#00FFFF</a> | ||
| + | |||
| + | </td><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=C0C0C0');" style="background: Silver">Silver</td><td class="tcw ce"><a C0C0C0">#C0C0C0</a> | ||
| + | |||
| + | </td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=0000FF');" style="background: Blue">Blue</td><td class="tcw ce"><a 0000FF">#0000FF</a> | ||
| + | |||
| + | </td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=808080');" style="background: Gray">Gray or Grey</td><td class="tcw ce"><a 808080">#808080</a> | ||
| + | </td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=0000A0');" style="background: DarkBlue">DarkBlue</td><td class="tcw ce"><a 0000A0">#0000A0</a> | ||
| + | </td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=000000');" style="background: Black">Black</td><td class="tcw ce"><a 000000">#000000</a></td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=ADD8E6');" style="background: LightBlue">LightBlue</td><td class="tcw ce"><a ADD8E6">#ADD8E6</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FFA500');" style="background: Orange">Orange</td><td class="tcw ce"><a FF8040">#FFA500</a></td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=800080');" style="background: Purple">Purple</td><td class="tcw ce"><a 800080">#800080</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=A52A2A');" style="background: Brown">Brown</td><td class="tcw ce"><a A52A2A">#A52A2A</a></td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FFFF00');" style="background: Yellow">Yellow</td><td class="tcw ce"><a FFFF00">#FFFF00</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=800000');" style="background: Maroon">Maroon</td><td class="tcw ce"><a 800000">#800000</a></td></tr><tr><td class="bld" onclick="DoNav('cgi-bin/htmlcolor.pl?c=00FF00');" style="background: Lime">Lime</td><td class="tcw ce"><a 00FF00">#00FF00</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=008000');" style="background: Green">Green</td><td class="tcw ce"><a 008000">#008000</a></td></tr><tr><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=FF00FF');" style="background: Fuchsia">Magenta</td><td class="tcw ce"><a FF00FF">#FF00FF</a></td><td class="bld wt" onclick="DoNav('cgi-bin/htmlcolor.pl?c=808000');" style="background: Olive">Olive</td><td class="tcw ce"><a 808000">#808000</a></td></tr></table> | ||
Revision as of 16:52, 26 February 2015
These color codes can be used to change the color of the background, text, and tables on a web page.
Below are some of the common color names and codes. With these colors, you can also use the color name. For example, in HTML tags and CSS that use color codes, you could use "red" instead of "#FF0000"
| Color Name | Color Code | Color Name | Color Code |
|---|---|---|---|
| Red | #FF0000 | White | <a FFFFFF">#FFFFFF</a> |
| Cyan | <a 00FFFF">#00FFFF</a> | Silver | <a C0C0C0">#C0C0C0</a> |
| Blue | <a 0000FF">#0000FF</a> | Gray or Grey | <a 808080">#808080</a> |
| DarkBlue | <a 0000A0">#0000A0</a> | Black | <a 000000">#000000</a> |
| LightBlue | <a ADD8E6">#ADD8E6</a> | Orange | <a FF8040">#FFA500</a> |
| Purple | <a 800080">#800080</a> | Brown | <a A52A2A">#A52A2A</a> |
| Yellow | <a FFFF00">#FFFF00</a> | Maroon | <a 800000">#800000</a> |
| Lime | <a 00FF00">#00FF00</a> | Green | <a 008000">#008000</a> |
| Magenta | <a FF00FF">#FF00FF</a> | Olive | <a 808000">#808000</a> |
