Understanding Web Colors

Understanding Web Colors

Photoshop CS3 Tutorial


How Web Colors Work in Photoshop



Web colors are defined using a six character hexadecimal format. You may be familiar with the standard RGB model of 256 values for each of the red green and blue values.


Step One

Open a blank document in Photoshop (File > New).

Step Two

Click the Foreground Color swatch to open the color picker.

Step Three

Click in the picker and select a bright red color. In this case, we selected an RGB value of 255, 0, 0.

Step Four

Notice the box at the bottom of the picker with the # sign. This is the web hex equivalent. It reads #ff0000.

Step Five

The first two characters are the red value, the second two are green and characters five and six define the blue. Each of the two characters goes from 00 to ff.

Step Six

Pick a bright blue color with an RGB value of 0,0,255.

Step Seven

The web equivalent is #0000ff.

Hexadecimal Basics

The hexadecimal characters are 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 ,a, b, c, d, e, f. If you convert ff in hexadecimal to decimal it equals 255. You will not see any characters beyond f in hexadecimal.


Contribute Ad