Usable colours in [color] tag

[Jil]

Since Cheeze asked this in IRC, I thought I might as well.

Mini-guide on the color/colour tag

The colour tags are implemented using HTML styles. That means that any color that works in HTML also works in these color tags. There are two ways to use HTML colors, which I will cover:
HTML color names
Hexadecimal color codes

HTML Color Names

This is probably the most straightforward. Just stick in a name, and if it’s a valid color, it’ll work. Here is a list of valid color names. You’ll see that most of the common colors you’d think of (red, orange, green, blue) are on there, as well as a lot of others.

They are case insensitive. E.g.:
(color=red)(/color)
[color=SIENNA](color=SIENNA)(/color)[/color]

Hexadecimal color codes

In addition to the given color names, you can specify a RGB color value using a hex color code. This lets you pick ANY color (out of a possible ~16 million) by its corresponding code.

You can read an explanation of how they work here.

I’ll briefly summarize. A color code consists of six digits. The first two correspond to red, the next two are green, and the last two are blue. If you’ve used Paint you should be familiar with RGB values.

However, these are in base 16, so you count: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F, 10, 11, 12…
So “10” is actually 16, and the maximum value for each color is “FF” or 255. #FFFFFF is white, #000000 is black. In general, higher numbers = lighter color and vice versa.

An example of this in use:
[color=#AA3300](color=#AA3300)(/color)[/color]
This means:
AA (base 16) = 170 (base 10) = red
33 (base 16) = 51 (base 10) = green
00 (base 16) = 0 (base 10) = blue

You don’t even really need to convert, just have a general sense of how high the value is. 0 is less than 9 is less than A is less than F. All there is to it.

You can also use a 3 digit code:
[color=#A30](color=#A30)(/color)[/color] means the same thing as (color=#AA3300)(/color).

Also, the hex codes corresponding to all the color names are given in the list I linked… somewhere up there. Just if you’re wondering, I guess.

Credits

to w3schools for the color list and explanation page.

And that concludes this rather useless mini-guide. E[color=orange]n[/color]joy 🙂

[Arladerus]

Ah, I tried this before, but I for the # symbol. =(

[color=#FFFFFF]Laaaaaaaaaaaaaaa[/color]

[Jil]

[color=#f00]=[/color][color=#e10]=[/color][color=#d20]=[/color][color=#c30]=[/color][color=#b40]=[/color][color=#a50]=[/color][color=#960]=[/color][color=#870]=[/color][color=#780]=[/color][color=#690]=[/color][color=#5a0]=[/color][color=#4b0]=[/color][color=#3c0]=[/color][color=#2d0]=[/color][color=#1e0]=[/color][color=#0f0]=[/color][color=#0e1]=[/color][color=#0d2]=[/color][color=#0c3]=[/color][color=#0b4]=[/color][color=#0a5]=[/color][color=#096]=[/color][color=#087]=[/color][color=#078]=[/color][color=#069]=[/color][color=#05a]=[/color][color=#04b]=[/color][color=#03c]=[/color][color=#02d]=[/color][color=#01e]=[/color][color=#00f]=[/color][color=#10e]=[/color][color=#20d]=[/color][color=#30c]=[/color][color=#40b]=[/color][color=#50a]=[/color][color=#609]=[/color][color=#708]=[/color][color=#807]=[/color][color=#906]=[/color][color=#a05]=[/color][color=#b04]=[/color][color=#c03]=[/color][color=#d02]=[/color][color=#e01]=[/color]
[color=#f78]=[/color][color=#f69]=[/color][color=#f5a]=[/color][color=#f4b]=[/color][color=#f3c]=[/color][color=#f2d]=[/color][color=#f1e]=[/color][color=#f0f]=[/color][color=#e1f]=[/color][color=#d2f]=[/color][color=#c3f]=[/color][color=#b4f]=[/color][color=#a5f]=[/color][color=#96f]=[/color][color=#87f]=[/color][color=#78f]=[/color][color=#69f]=[/color][color=#5af]=[/color][color=#4bf]=[/color][color=#3cf]=[/color][color=#2df]=[/color][color=#1ef]=[/color][color=#0ff]=[/color][color=#1fe]=[/color][color=#2fd]=[/color][color=#3fc]=[/color][color=#4fb]=[/color][color=#5fa]=[/color][color=#6f9]=[/color][color=#7f8]=[/color][color=#8f7]=[/color][color=#9f6]=[/color][color=#af5]=[/color][color=#bf4]=[/color][color=#cf3]=[/color][color=#df2]=[/color][color=#ef1]=[/color][color=#ff0]=[/color][color=#fe1]=[/color][color=#fd2]=[/color][color=#fc3]=[/color][color=#fb4]=[/color][color=#fa5]=[/color][color=#f96]=[/color][color=#f87]=[/color]

[Arladerus]

[color=#f00]=[/color][color=#e10]=[/color][color=#d20]=[/color][color=#c30]=[/color][color=#b40]=[/color][color=#a50]=[/color][color=#960]=[/color][color=#870]=[/color][color=#780]=[/color][color=#690]=[/color][color=#5a0]=[/color][color=#4b0]=[/color][color=#3c0]=[/color][color=#2d0]=[/color][color=#1e0]=[/color][color=#0f0]=[/color][color=#0e1]=[/color][color=#0d2]=[/color][color=#0c3]=[/color][color=#0b4]=[/color][color=#0a5]=[/color][color=#096]=[/color][color=#087]=[/color][color=#078]=[/color][color=#069]=[/color][color=#05a]=[/color][color=#04b]=[/color][color=#03c]=[/color][color=#02d]=[/color][color=#01e]=[/color][color=#00f]=[/color][color=#10e]=[/color][color=#20d]=[/color][color=#30c]=[/color][color=#40b]=[/color][color=#50a]=[/color][color=#609]=[/color][color=#708]=[/color][color=#807]=[/color][color=#906]=[/color][color=#a05]=[/color][color=#b04]=[/color][color=#c03]=[/color][color=#d02]=[/color][color=#e01]=[/color]
[color=#f78]=[/color][color=#f69]=[/color][color=#f5a]=[/color][color=#f4b]=[/color][color=#f3c]=[/color][color=#f2d]=[/color][color=#f1e]=[/color][color=#f0f]=[/color][color=#e1f]=[/color][color=#d2f]=[/color][color=#c3f]=[/color][color=#b4f]=[/color][color=#a5f]=[/color][color=#96f]=[/color][color=#87f]=[/color][color=#78f]=[/color][color=#69f]=[/color][color=#5af]=[/color][color=#4bf]=[/color][color=#3cf]=[/color][color=#2df]=[/color][color=#1ef]=[/color][color=#0ff]=[/color][color=#1fe]=[/color][color=#2fd]=[/color][color=#3fc]=[/color][color=#4fb]=[/color][color=#5fa]=[/color][color=#6f9]=[/color][color=#7f8]=[/color][color=#8f7]=[/color][color=#9f6]=[/color][color=#af5]=[/color][color=#bf4]=[/color][color=#cf3]=[/color][color=#df2]=[/color][color=#ef1]=[/color][color=#ff0]=[/color][color=#fe1]=[/color][color=#fd2]=[/color][color=#fc3]=[/color][color=#fb4]=[/color][color=#fa5]=[/color][color=#f96]=[/color][color=#f87]=[/color]

This is effing crazy.

[DarkDragoon]

[color=#f00]=[/color][color=#e10]=[/color][color=#d20]=[/color][color=#c30]=[/color][color=#b40]=[/color][color=#a50]=[/color][color=#960]=[/color][color=#870]=[/color][color=#780]=[/color][color=#690]=[/color][color=#5a0]=[/color][color=#4b0]=[/color][color=#3c0]=[/color][color=#2d0]=[/color][color=#1e0]=[/color][color=#0f0]=[/color][color=#0e1]=[/color][color=#0d2]=[/color][color=#0c3]=[/color][color=#0b4]=[/color][color=#0a5]=[/color][color=#096]=[/color][color=#087]=[/color][color=#078]=[/color][color=#069]=[/color][color=#05a]=[/color][color=#04b]=[/color][color=#03c]=[/color][color=#02d]=[/color][color=#01e]=[/color][color=#00f]=[/color][color=#10e]=[/color][color=#20d]=[/color][color=#30c]=[/color][color=#40b]=[/color][color=#50a]=[/color][color=#609]=[/color][color=#708]=[/color][color=#807]=[/color][color=#906]=[/color][color=#a05]=[/color][color=#b04]=[/color][color=#c03]=[/color][color=#d02]=[/color][color=#e01]=[/color]
[color=#f78]=[/color][color=#f69]=[/color][color=#f5a]=[/color][color=#f4b]=[/color][color=#f3c]=[/color][color=#f2d]=[/color][color=#f1e]=[/color][color=#f0f]=[/color][color=#e1f]=[/color][color=#d2f]=[/color][color=#c3f]=[/color][color=#b4f]=[/color][color=#a5f]=[/color][color=#96f]=[/color][color=#87f]=[/color][color=#78f]=[/color][color=#69f]=[/color][color=#5af]=[/color][color=#4bf]=[/color][color=#3cf]=[/color][color=#2df]=[/color][color=#1ef]=[/color][color=#0ff]=[/color][color=#1fe]=[/color][color=#2fd]=[/color][color=#3fc]=[/color][color=#4fb]=[/color][color=#5fa]=[/color][color=#6f9]=[/color][color=#7f8]=[/color][color=#8f7]=[/color][color=#9f6]=[/color][color=#af5]=[/color][color=#bf4]=[/color][color=#cf3]=[/color][color=#df2]=[/color][color=#ef1]=[/color][color=#ff0]=[/color][color=#fe1]=[/color][color=#fd2]=[/color][color=#fc3]=[/color][color=#fb4]=[/color][color=#fa5]=[/color][color=#f96]=[/color][color=#f87]=[/color]
Annona you have way too much free time

[Pirkid]

How long did that take you?

[Pirkid]

[MasterCheeze]

Lol. Annona uses “colours” in his “color” tags. Thanks for the links though; I was just thinking of sticking with ROYGBIV, white, and brown. I still don’t know how to make your text black though.

[Jil]

[color=black]Eh?[/color]

[color=#000]Alternatively.. (quote my post)[/color]

[MasterCheeze]

Whoah, I wasn’t being serious about that, but I guess the regular text is just a dark gray now that I see it.

[Jil]

Yeah, it’s #333 or something.

[SirPainsalot]

That’s useful for my CYOA. Running out of color. 🙂

[Dest1]

[color=#f00]wow[/color][color=#e10]this[/color][color=#d20]is[/color][color=#c30]amazing[/color][color=#b40]=[/color][color=#a50]=[/color][color=#960]=[/color][color=#870]=[/color][color=#780]=[/color][color=#690]=[/color][color=#5a0]=[/color][color=#4b0]=[/color][color=#3c0]=[/color][color=#2d0]=[/color][color=#1e0]=[/color][color=#0f0]=[/color][color=#0e1]=[/color][color=#0d2]=[/color][color=#0c3]=[/color][color=#0b4]=[/color][color=#0a5]=[/color][color=#096]=[/color][color=#087]=[/color][color=#078]=[/color][color=#069]=[/color][color=#05a]=[/color][color=#04b]=[/color][color=#03c]=[/color][color=#02d]=[/color][color=#01e]=[/color][color=#00f]=[/color][color=#10e]=[/color][color=#20d]=[/color][color=#30c]=[/color][color=#40b]=[/color][color=#50a]=[/color][color=#609]=[/color][color=#708]=[/color][color=#807]=[/color][color=#906]=[/color][color=#a05]=[/color][color=#b04]=[/color][color=#c03]=[/color][color=#d02]=[/color][color=#e01]=[/color]
[color=#f78]=[/color][color=#f69]=[/color][color=#f5a]=[/color][color=#f4b]=[/color][color=#f3c]=[/color][color=#f2d]=[/color][color=#f1e]=[/color][color=#f0f]=[/color][color=#e1f]=[/color][color=#d2f]=[/color][color=#c3f]=[/color][color=#b4f]=[/color][color=#a5f]=[/color][color=#96f]=[/color][color=#87f]=[/color][color=#78f]=[/color][color=#69f]=[/color][color=#5af]=[/color][color=#4bf]=[/color][color=#3cf]=[/color][color=#2df]=[/color][color=#1ef]=[/color][color=#0ff]=[/color][color=#1fe]=[/color][color=#2fd]=[/color][color=#3fc]=[/color][color=#4fb]=[/color][color=#5fa]=[/color][color=#6f9]=[/color][color=#7f8]=[/color][color=#8f7]=[/color][color=#9f6]=[/color][color=#af5]=[/color][color=#bf4]=[/color][color=#cf3]=[/color][color=#df2]=[/color][color=#ef1]=[/color][color=#ff0]=[/color][color=#fe1]=[/color][color=#fd2]=[/color][color=#fc3]=[/color][color=#fb4]=[/color][color=#fa5]=[/color][color=#f96]=[/color][color=#f87]=[/color]

[Pirkid]

Useful thread is useful. 🙂

Thanks for this, Annona. ^^

[Jil]

ff who broke [h] tags.

[Author]

Posts