COLORS

★Introduction to colors
Color is a very important element to web designing. It sets the mood, the feeling and can create the desired user experience with the right techniques and combinations.

Web browsers recognise three different formats: the color name, the hexadecimal code and the RGB value.

I doubt the first format will require any form of explanation ;) though I will like to highlight that colors involving the word 'gray' needs special attention. Most browsers recognise the color gray spelled gray, they do not recognise grey. The only exception is 'lightgrey' which is spelled with an 'e' instead of 'a'. Other than that, just make sure you get your spelling right :)

Hexadecimal code is a series of six numbers and/or letters that represents the quantities of red, blue and green that are present in a color. Basically, your web browser reads the first two digits of the value for red, the next two for green, and the last two for blue. The code always starts with a hex sign "#", followed by six characters. Values range from 00 to FF for each color (R,G,B), hence the two extreme colors black and white have hexadecimal codes of #000000 and #FFFFFF respectively.

Lastly, RGB value is another way of representing the quantities of red, green and blue present in any color. It's similar to the hexadecimal code, just that its values range from 0 to 255. The format goes like this: rgb(red,green,blue) Make sure you've got the brackets and the commas in place. Extreme colors, black and white, have RGB values of rgb(0,0,0) and rgb(255,255,255).

Here's some examples of how you can change color attributes to your webpage:

★Hexadecimal RGB Chart
Below is a hexadecimal RGB chart that I created featuring the colors that most web browsers support. For each color, you'll see the color sample in the square box, the color name and below it, the 6-digit hexadecimal value and its corresponding RGB value in brackets ( ).

You can use this chart but please do not claim credit or modify it in any way. And it will be very nice of you to link the chart back to mindSKETCH :)