PDA

View Full Version : COLORS: Where to find them, how to use them



Ov3rCasT
08-06-2008, 10:50 PM
FONT COLOR

Description

Here is a very an interesting link offering you a dynamic HTML Color Code Chart and a HTML Color Picker. It will give you the color number that you can use in your own forum posts or for other uses.


http://html-color-codes.info/images/html_color_codes.gif



Click Here >>> html-color-codes.info/ (http://html-color-codes.info/)

_________________________________________________

You'll probably never or rarely need a specific color in your post but it could be intersting to know you can use the color you want just by putting the appropriate code #.

Example:

color=blue will give you this standard blue

color=#6699FF will give you this particular blue


Of course the simpliest way is to use a tool to find colors but at least I'll explain basically how the mix is done to obtain the different colors.

As you can see, colors may be specified by a six-character codes, preceded by #. Not sure if RGB sounds familiar to you but it's the 3 primary colors used in television and PC monitor to represent all the other possible colors.

RGB Hexadecimal Coded Colors means these character can have any value between 00 and FF.
(List of haxadecimal values is : 0 - 1 - 2 - 3 - 4 - 5 - 6 - 7 - 8 - 9 - A - B - C - D - E - F)

16 * 16 = 256 possible combination values from 00 to FF

Example :

00 01 02 03 04 05 06 07 08 09 0A 0B 0C 0D 0E 0F

10 11 12 13 14 15 16 17 18 19 1A 1B 1C 1D 1E 1F

...........
...........

E0 E1 E2 E3 E4 E5 E6 E7 E8 E9 EA EB EC ED EE EF

F0 F1 F2 F3 F4 F5 F6 F7 F8 F9 FA FB FC FD FE FF




Character 1 and 2 are for the Red
Character 3 and 4 are for the Green
Character 5 and 6 are for the Blue


Color Red Green Blue
Character 12 34 56
Character value #FF0000 #00FF00 #0000FF



In the next table, you'll see the results of simple mix of these 3 colors



Color Yellow Magenta Cyan
Mix Red + Green Red + Blue Green + Blue
Character value #FFFF00 #FF00FF #00FFFF


Because both of the three primary color is represented by two hexadecimal value (16 * 16 = 256), the maximum number of possible colors represented by this system is 256 * 256 * 256 = 16.777,216

Of course with this sytem, White = #FFFFFF and the Black = #000000


I know it's confusing but whatever if it's BBC coding in forum, HTML chart color is the same, that's why you can use the same values.

GreenBean-HH-
09-25-2008, 03:41 PM
I want to 'expand' or should I say emphasize Ov3rCasT's post on color.

When we make a post and want to color it, we typically use the names: red, blue, etc.

By using this link: http://html-color-codes.info/ and using the numbers for the colors instead of the name of the color, you find that you have an infinite choice of colors... you can also use these if you are an ADMIN to a forum to change the colors of who's online.

<a href="http://html-color-codes.info" title="HTML color codes">HTML color codes</a>


TUTORIAL:

instead of putting the name &#39;orange&#39; use this instead: #FF8000

You get this: ORANGE vs ORANGE, they look about the same, right? It&#39;s not the point to just make simple substitutions... but the following is the point, the variety of colors now available:

ORANGE = standard forum orange.
ORANGE #191007
ORANGE #2A1B0A
ORANGE #3B240B
ORANGE #61380B
ORANGE #8A4B08
ORANGE #B45F04
ORANGE #DF7401
ORANGE #FF8000
ORANGE #FE9A2E
ORANGE #FAAC58
ORANGE #F7BE81
ORANGE #F5D0A9
ORANGE #F6E3CE
ORANGE #F8ECE0
ORANGE #FBF5EF

Be sure to include the &#39;#&#39; in front of the series of letters/numbers.

What&#39;s cool is we could use our HackHunters color for our name when we post... using #9ED700 we get
HACKHUNTERS


_________________________________________________
basic forum red is hard to read... example this is the use of the red color. maybe it&#39;s just my eyesight but it seems to vibrate/blur on the page (especially on ACI&#39;s website, it&#39;s impossible to read).
using #FE2E2E instead: this is the use of the red color.
or a little darker with #FF0000: this is the use of the red color.
both easier to read, the lighter one much easier but not as cool looking... lets look at using the color picker rather than the chart so we can customize the color:

#FF1717 = this is the use of the red color.
#EA1212 = this is the use of the red color.
#E40000 = this is the use of the red color.

depending on your forum background, pick your colors wisely. :)

_________________________________________________
the code for all of this is [****color=red][/color] without the ****.
my suggestion is use the &#39;Change Color&#39; dropdown menu to give you the basic code then double click on the &#39;red&#39; word to paste in the code for the new color).

_________________________________________________
Thanks Ov3rCasT :)