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.
If you read the first part of this tutorial you already know that colors in a monitor are made up of only
3 colors, RGB or Red, Green, and Blue, and different combinations of these
result in all the colors. 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 may want something such as a background color
in hex code which could be something like #FFFFC and you get the RGB value R=255 G=255 B=204
in Photoshop. Note the image below. Since Dreamweaver and other web editing software understands HEX as opposed to RGB we need to convert it.
Say you want to match your background color of your website to the graphics you put on your
site. Take a look at the image below and note that Photoshop already does this for you!
Hopefully now you
can use your color picker in Adobe Photoshop to get background colors
for your images that match your webpages.
NOTE: You can limit the color picker to only websafe colors by clicking the "Only Web Colors" checkbox located in the lower left hand corner of the image above. |
