Everything There is to Know About HTML Colors

Hexadecimal Codes

Hexadecimal codes are made up of 6 numbers or letters and follow a hashtag.  They follow the template #RGB, meaning red, green, and blue, and there's two numbers or letters for each color.  The numbers range from 0-6, one being the least color and 6 being the most, and the letters go from A-F, where A is more color than 6 and F is the most. 

For example, here's what the code would 
look like for a div with a black background and white text:


Color Words

Color words are very useful when you don't 
need a specific color.  You can use them 
by simply putting them in place of a color 
code, but be sure not to use any spaces! 
The example to the right shows the code 
of a body with a black background and white 
text using color words.

Here's a chart of a few color words and their hexadecimal codes:

RGB and RGBa

Instead of hexadecimal codes or color words, you can use RGB or RGBa format to get a little but more of a variety in color choice.  The image at the right shows how to switch to RGB or RGBa in dreamweaver when making a CSS rule. RGB is displayed as three numbers in parentheses separated by commas, and RGBa is the same except for a fourth number on the end that will always be between 0 and 1.  That fourth number controls transparency, 0 being completely transparent and 1 being completely opaque.  The code below shows 4 increasingly opaque sections:

Final Product

Here is what the code above looks like over an image.  Now you know how to put color and transparency in your webpages!

Additional Links

HTML Color Words and Codes

More About RGBa

My Pencils

     For this project, I began by using the tutorial to learn how to make the pencil.  During the tutorial I started to look away from it and figure out the shapes myself, only checking it to make sure I had the right dimensions.  This process helped me discover more about Illustrator on my own and retain more of what I was learning.  When it became time to make my creative pencil, I remembered how to create it and how to use the live paint bucket tool to customize it.  I decided to make a huge pile of pencils with 2 in the cup because I feel like it represents me well: I am very messy and
unorganized sometimes, but I'm trying to figure it out.

    My biggest takeaways from this project were all about being more comfortable and knowledgeable with Illustrator.  I learned how to rotate a shape to create my flower, and, more generally, how to use the tools and settings in Illustrator to turn basic shapes into really cool objects.  I also learned many shortcuts, such as command+G is how you group something, and also how to create a cylinder using two different pieces in order to manipulate it more easily.