RGBA Tutorial

RGBA Tutorial

Summary

What I learned in this lesson was the RGBA feature which was a feature that is just like the hexadecimal color lesson except in this lesson it has an extra feature which is the "A" and that is for the transparency. The purpose of this is for people who need to show there words in front of a pic this helps so the audience can see both. Web designers use this and is helpful to them.

The Color Words

In color words it is designed to be done with words instead of hexadecimal codes or RGBA codes. It is less specific but easier to use. It is a little bit sloppy because it shows carelessness but it is still very convenient. Here is an example:

The Hexadecimal Color Codes

The hexadecimal color codes serve the same purpose as RGB just in a different format. These color codes include six different digits in which the first two represent the amount of red, the next two represent the amount of green, and the last two represent the amount of blue. This is more complex than color words but it is about the same as RGB except in a few cases the Hexadecimal color codes can use letters as well. Above is an example of a greenish hexadecimal color code and what it looks like.

Process

This is how I started out with the code up and ready to make four rows with different transparencies. So I added my background, which is a cute koala, my favorite animal, then with the four rows, I used RGBA as the color type instead of hexadecimal.

RGB and RGBA

This is how I chose RGBA instead of the "six-digit hex". RGB is almost identical to RGBA except for one vital difference, which is the "A". The "A" is for transparency and the lower it is, the lower the transparency, you can see that in the examples.

Examples

Then when I applied the white background in RGBA form I changed the "A" which is the transparency, and I changed that to .2, .4, .6, and .8.
This gave each row a different transparency.

In Conclusion...

This is the finished product! Enjoy! Also here are some links to further help you with colors! I learned about the "A" in RGBA and all the different ways to use color in Dreamweaver and HTML in general.

Eyedropper Help

Extra Tutorials