Web Colors

Web Colors

Photoshop CS6 Tutorial


How to Create Web Colors 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.

The more you understand web hex values, you'll see the similarity to the RGB method of describing a color.


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.


Lynda.com career skills