Color Codes Tutorial

There are many ways to add color to a web page, but how do you know what type to use? 

It is important to use color in websites to complement the information on the page. There are four codes that can be used. Using color will support whatever mood you want the viewer to feel. Color can be the difference between a good website and a bad one.

Color Names

It is possible to simply type what color the specified text will be. To do this, create a color style for whatever contains the text (h1, body, etc.). Then, type a color such as blue or darkred in the color style to change the color of the text.

Hexadecimal

In Hexadecimal code, there are 16 variables that affect how much red, green, and blue are in a color. These variables are 0-9,  and A-F. To set this up, add a div tag and add a color style to it. To specify the color, type in a combination of the 16 variables. 0 represents no color, while F represents full color. There are 6 numbers in the Hexadecimal color code. The first two numbers represent red, the second two, green, and the last two affect blue. The color code is set up like this: #FFFFFF. 

RGB and RGBA

RGB color codes are set up differently than Hexadecimal codes. The format is made up of three numbers within parentheses and separated with commas. The RGB color strength is represented through the numbers 0-255. RGBA color codes are the same as RGB color codes, but RGBA code adds another variable onto the end. The last number has a scale from 0-1 and controls the text/background opacity.