5 replies to this topic

[bbqroast]

#00FF00
Whaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa?
That is the color code for green, looks difficult? Well its simple.
Lets take our three primary colors:
Red, green and blue.
These colors form HTML color codes quite simply:
RR:GG:BB
Now we use hexadecimal numbers to do this, hexadecimal goes up to 9 then uses a,b,c,d,e and f to represent 10,11,12,13,14 and 15.
My example simply says use no red or blue with maximum (15 or F) green.

You might have noticed we use two hexadecimal values for each color, takes the browser the first value (of each color) and multiplies it by 16 and then adds the second value to the result to get a number out of 255. For those of you who have opened up the color mixer in most image programs (including MS Paint, some programs might put this under the 'advanced' tab) 255 will seem familiar. So now look what are color code comes to:
#00FF00
0,0,15,15,0,0
Red: (0X0) + 0 = 0
Green: (15X16) + 15 = 255
Blue: (0X0) + 0 = 0

Red: 0
Green: 255
Blue: 0

Notes

Just remember that 0 of each color makes black (#000000), it will lighten as you increase each color so a full amount of each color will make white while 8 of each color (#888888) will make a grey (half white half black) color.

HTML color codes should start with a #.

Oh and colors that use three sets of two hexadecimals (that are the same eg, FF0099 or FFFF00 and 668888) are called 'true colors'.

Edited by bbqroast, 27 July 2011 - 09:24 PM.

[op2rules]

Green: (15X15) + 15 = 255

You mean 15*16

Just pointin er out

[bbqroast]

Thanks for pointing out :)

[stevie754]

A good simple easy to understand explanation :) +rep

[bbqroast]

No problem, I kinda figured this out although the 6 hexadecimals (instead of 3) did confuse me. Writing this taught me something to.

Ahhhh I forgot something.

[vaironl]

Thanks for this quick tut.