Adobe Photoshop Web Color Tutorial by Brad Stone.
HEX to RGB & vice versa
Color is one of the most fundamental parts of the web. Without it the web would truly suck. Well, we don't want the web to suck anymore than it has to. So... I am going to show you how to use color in photoshop.
First off you probably allready know that colors in a monitor are made up of only 3 colors, RGB or Red, Green, and Blue, and different comninations of these result in all the colors, if not you do now. Well you can define these RGB values in HEX code which looks like #000000 (<--note 6 digits or letters...hence HEX) Each HEX code represents an RGB value. "Why is this important?", you ask. Well, its important because lots of programs use RGB colors when webpages use HEX code. When you are making a website you get say a background color like the one for this website in hex code which is #FFFFC and you get the RGB value R=255 G=255 B=204 in Photoshop. Note the image below. What this is great for is matching up your background color of you website to the graphics you put on your site (like my "Bradley Stone" flash logo.) Hopefully now you can use your color picker in Adobe Photoshop to get background colors for your images that match your webpages.
You can limit the color picker to only websafe colors by clicking the "Only Web Colors" checkbox located in the lower lefthand corner of the image above.
|
