Web design Tutorials Lesson 3.( Part 7)

Font Colors

 We've created a video to travel with this lesson. It's recommended that you simply} just scan the text below equally, although That The video is here:

Web Color Values

There unit of measurement quite ton of various font styles you will be able to use in your CUSS. We'll begin with font colors. (Strictly speaking, though, COLOR is not a font vogue - it'll be used regarding anywhere to color varied numerous things.):

You can have regarding any font color you'd like for your text (British English users, note the missing "u" once the second "o". the yank writing system is used in markup language and CUSS). To specify a color, you will be able to use one in each of three formats:

    The name of a color spelled out
    The name of a color as a system of numeration price
    The name of a color as a RGB price

There is a rather long and exotic list of color names you will be able to use, things like beginner Blue, Ghost White, Lemon Chiffon. but you will be able to put together use a simple color name like red or blue. The CUSS code is this:

H1 someone New, Courier, Mono;
color: red;

}

So you kind the word "color" followed by a colon. You then kind the name of your color.There unit of measurement seventeen common colors, and 100 thirty not thus common.
 The common colors you will be able to use are: atomic number 27 blue, black, blue, gray, green, lime, maroon, navy, olive, red, teal, white and yellow.

For a full list of all the color names you will be able to use, see this Wikipedia page:

Wikipedia - web colors
Hexadecimal values

Hexadecimal values unit of measurement used quite ton in web vogue If you have got never detected of them before they use the number zero to 9, and so the letters A to F (Base 16). In Base 16, the letters unit of measurement used instead of the numbers 10, 11, 12, 13, 14 and 15. So A = 10, B=11, C=12, etc. If you'd wish to represent the number 256 in system of numeration then it's FF.

Three color values unit of measurement used, one for Red,

 one for inexperienced, and one for Blue. each color price has two system of numeration place-holders. as an example, here's the color Red:

#FF0000

Here's the color Green:

#00FF00

And here's the color Blue:

#0000FF

So red has two letter F's inside the Red position, two zeros inside the inexperienced position, and a couple of zeros inside the blue position. in several words, switch the red price full on, and switch the inexperienced and blue values off.

Green has two zeros, two F's, then two zeros all over again. Blue has four zeros then two F's.

Black merely has half-dozen zeros, which suggests switch Red, inexperienced and Blue off.

Note that you simply} just need to use the hash/pound image ( # ) before the six place-holder values.

You can combine the system of numeration selection and letter values:

#2F0B99

Try them out for yourself in your code:

H1 someone New, Courier, Mono;
color: #2F0B99;

}



Exercise
Change the values inside the six positions, exploitation the numbers zero to 9, and so the letters A to F. What unit of measurement the following colors?

color: #1BAA12;

color: #1087AC;

color: #451DE2;


RGB values

You can use RGB values in your CSS, if you wish. (RGB stands for Red, Green, Blue.) Again, place-holders unit of measurement used for the assorted color values. This time, you use the number zero to 255. you use them like this:

color: RGB(255, 0, 0);

Note that the number unit of measurement typed between a attempt of spherical brackets, and unit of measurement separated by comas.



Exercise
Play around with the RGB values. What unit of measurement the following colors?

color: RGB(0, 255, 0);

color: RGB(125, 125, 0);

color: RGB(255, 255, 10);


Instead of experimenting to urge the color you'd sort of a straightforward because of get the right system of numeration or RGB color is to kind the words "color picker" into a groundwork engine like Google. you will then have several websites that give you're the right values to kind simply by kidding with color sliders.
In the next lesson, you will study font sizes.