Replying to HEX color code

If you want to create colour schemes and such for your websites then I know a great place that will help greatly with it (I have used it on many occasions myself).

http://www.colorsche...com/online.html

Shows you the actual colours. It also allows you to lighten or darken the current colour by a certain degree or select some similar or otherwise colours from the right section.

It also lets you set or get the RGB or HEX values, very usefull while building up your website and want to colour scheme it and especially usefull if you want to use lighter/darker tones of a specific colour to get a bit of a gradient look.

RGB might be quite a bit easier for some. Personally I think RGB is easier, since it's easy to figure out how much to specify for each color rather than to convert things into hex. I sometimes use online hex converters, but most of the time I prefer to test with Adobe Photoshop Elements. Photoshop has a nice color to hexadecimal converter, and it's a lot easier to have the palette/code right next to your layout--comparing colors becomes a cinch. No more clicking back and forth between Firefox tabs to compare colors. XD

Tutorial's quite nice, but I wouldn't spend any time remembering hex codes. It's much easier to depend on an already-made program or something of the sort to do that busybody work for you. Then you can spend more time on the "important" things like layout and coding. :}

oh thanks. that confused me for a while. When I had used RGB, I somehow that a 49 in R means that the hex starts w/ a 49. Then I got really confused w/ the numbers over 100. finally I gave up and used online hex rgb converter LOL. Then I realized on css I can just used rgb(#,#,#) xDDDDDDD yea that solved my problem but this is cool too =D

By the way, if it wasn't clear enough, the reason why CSS allows you to type in 3 characters instead of 6, and therefore assume that the hex color code you're using has paired characters, is because on the whole, paired character hex color codes are also web-safe colour codes, which means that most systems and most browser should be able to render that colour properly.

Since CSS is a good way of standardising layout, it's quite reasonable that they expect the people who use CSS to also use web-safe colours.

What I would like to know is, how does one convert hex color codes to HSV (Hue, Saturation, value/brightness/intensity)?

http://www.kenjikoji...Converter2.html

see this site for RGB // HEX converter. this way, you can get into your favourite photo editor, get the exact color you need, and there ya go. gives you a great preview too !

Just a note on how hexadecimal color codes are actually made up. This was sort of touched on in r3d's tutorial, but this goes a little deeper.

As some of you may know, all colors displayed on a computer monitor are made up of different combinations of red, green, and blue (the RGB cube). The smallest amount of color is 0; the highest is 255.

A hexadecimal (hex) color code is the values of RGB converted into hex - The first two characters are hex for the decimal value of red, the next two are for green, and the final two are for blue.

For example, let's look at orange, which has the hex color code of FFAA00. It is made up of 255 parts red, 170 parts green, and 0 parts blue.

R|G|B
255|170|0
FF|AA|00

Anyway, well done, r3d.

you can also set css colors using rgb colors
like this rgb(255,10,20) valid value from 0 to 255
example:

#head {
  background-color: rgb(255,0,0); /* in words red in hex #ff0000 or #f00 */
  ....
  }

*hidden tricks you can also set the rgb value in percentage

#footer {
  background-color: rgb(50%,50%,50%); /* grayish color */
  ...
  }

it use for some reasons, main reason for percentage coz of different gamma settings of different pc. css geeks said its a clever way

By safer... does that mean that it will be easier for the computer to register what color it makes? In your css... does the div{color:#eee;} make all the div's that color or just a specified div? Is so would it be something like div-left:#xxxxxx; if you wanted a specific div a specific color? (if you have a left colum that is)

Well it can allow you to choose from a greater range of colours, rather than just using 'red' 'white'...

Also just a little note here, when using hex colours in CSS to define a text or background colour or something you can just use something like this:

body {
      background-color: #ccc;
}

as you can see there are only 3 letters for the colour and hex has to be 6, what it does it will carry on and put another 3 'c's. this only works however for all hex numbers that are the same like 'eeeeee' or 'cccccc' or '000000' and so on. just thought it was interesting.

<{POST_SNAPBACK}>

It works for other combinations as well, but the hex code must be paired. Here's an example:

<style type="text/css">
body { background:#abc;}
div {color:#eee;}
p {color:#44d;}
</style>

Now, that was the short way. This is what it really means:

<style type="text/css">
body {background:#aabbcc;}
div {color:#eeeeee;}
p {color:#4444dd;}
</style>

So, just as long as your intention is to have a color with paired hex values, it will work. This is much safer than having hex values such as #45dafc anyway.