August 18, 2008

The Hexadecimal System Explained


I was designing a site this afternoon and decided that I could no stand not knowing how the Hexadecimal System of colors worked. And so I researched it a little bit and was absolutely amazed to figure out how incredibly simple it was. In using hex colors you realize the general idea behind them. That each character corresponds to a certain address in the color spectrum. However - at least for me - it is difficult to deduce exactly how that works. Here is a very basic break down. A hex color is broken down into three channels, a red, a green and a blue. The first 2 characters of a hex color represent the red, the second 2 the green and the third 2 the blue. Those characters represent the actual address of each color combination. The system works by using a y axis starting with 0 and ending with f. In other words going from black to white on the spectrum you would go from #0-9-a-f, 0 being black and f being white. Knowing this you can dial in the exact color that you wish to achieve, as the entire system is based off a fairly simple mathematical equation. If only I weren't so awful with mathematics. I hope this was somewhat helpful.

No comments: