Computer Art 101. Introductory Basics.
Before you get started with computer graphics, you may want to take a good look at the basics under each and every image. I wish someone had shared these issues with me years ago when I was starting. Below is a list is what we will cover here. I suggest you read and experience the following before going on to our other segments and lessons. Here, we will cover;
What is a pixel?
What is a Mega Pixel?
What is a pixel?
All images you see on the internet are made up of pixels. A pixel is defined as, “the smallest picture element.” You can think of a pixel as one of many little squares in your picture.
On the right you see two images. I’ve zoomed in on the image so that you can see the little squares that make up the image. These little squares are called pixels. Each one has a different color.
Each pixel can be one of 16,700,000 colors. This is the number of colors that the human eye can see.
Pixels are coded with color. Each color is represented by a number. These are called RGB values. Red, Green and Blue. To come up with 16.7 million colors, RGB values use 255 numbers to assign a value.
This would mean, no red, no green, no blue. This is the absence of color, or perfect Black.
Red = 0
Green = 0
Blue = 0
This would mean turn the red all the way up, turn the green all of the way up, and turn the blue all of the way up. This color would be White, the full presence of red, green and blue. Example
Red = 255
Green = 255
Blue = 255
There are many systems that assign colors to web pages. Another numbering system would be called Hexadecimal Values.
Hexadecimal values are made up of a base 16 system. We are used to a base 10 system.
Base 10 means we have 0 , 1,2,3,4,5,6,7,8,9.
Nine is the highest value.
Hexadecimals use 16 numbers, but because there are no numbers higher than 9, this systems uses letters after running out of numbers.
Base 16 means the following values are used;
In this system, F is the highest value. It would be as strong and powerful as 9 in the base ten system.
Hexadecimal values are used to assign colors to web pages and images. The values are displayed using six values. A pair of values for Red, a pair of values for Green and a pair of values for Blue. The total value would look like this;
00 00 00 or FF FF FF
00 00 00
would mean, no red, no green no blue, this would be perfect Black.
FF FF FF
would mean full red, full green, and full blue, the would represent perfect white.
So Who Cares About Numbers and Color Values?