Recognizing hexadecimal color code
Posted in Blogs and articles on Aug 11, 2009 at 16:57 IST (12 months ago). Subscribe to this post
Email
Showing comments 1 to 8 of total 8 on page 1 of 1
Post reply
EmailShowing comments 1 to 8 of total 8 on page 1 of 1
« Previous1Next »
Heuristi...Rank: 12
A lot of times we need to decode hexadecimal color value while coding the front end. Recognizing each and every color is quite difficult. I thought of sharing a simple method to analyze the hexadecimal code.
Hexadecimal Color Codes analysis
Colors are made up of 3 sets of RGB numbers representing the amount of Red, Green and Blue contained within a color value. These colors are represented as hexadecimal values. The hexadecimal values ranges from 0-F. The lowest being 0 and the highest being F.
Let’s take an example which has all the values as its lowest i.e #000000. As you might know this value is for black. Now we shall see in detail:
If the color contained all the highest values (F) then it is white since we know white contains all colors.
Below is the basic color table
Hexadecimal Color Codes analysis
Colors are made up of 3 sets of RGB numbers representing the amount of Red, Green and Blue contained within a color value. These colors are represented as hexadecimal values. The hexadecimal values ranges from 0-F. The lowest being 0 and the highest being F.Let’s take an example which has all the values as its lowest i.e #000000. As you might know this value is for black. Now we shall see in detail:
- First two numbers/ digits (00) - represent red
- Second two numbers/ Next two digits (00) - represent green
- Last two numbers / digits(00) -represent blue
If the color contained all the highest values (F) then it is white since we know white contains all colors.
Below is the basic color table
|
Color | Red | Green | Blue | Hexadecimal |
| Black | 00 | 00 | 00 | #000000 |
| White | FF | FF | FF | #FFFFFF |
| Red | FF | 00 | 00 | #FF0000 |
| Green | 00 | FF | 00 | #00FF00 |
| Blue | 00 | 00 | FF | #0000FF |
Here is a 216 web color codes chart for reference.
Hope this was useful and will be handy while working on the front end.
Posted by Heuristician on Tuesday, August 11, 2009, 4:57 pm
Great info: simple and precise. Even a non-techie and non-designer like me understood and now I can make good use of it. Thanks. Preethy
Posted by anonymous on Tuesday, August 11, 2009, 6:11 pm
sureshccRank: 9
Hey, this is cool 
. Any idea whether the notion web-safe color is still valid?
Posted by sureshcc on Tuesday, August 11, 2009, 8:30 pm
sureshccRank: 9
just couldn't help but notice, what is the three letter code below each color (3rd line of each cell)? OYO, LHC etc?
Posted by sureshcc on Tuesday, August 11, 2009, 8:32 pm
rupamalh...Rank: 32
Well written, in simple terms. Keep up the good work.
Posted by rupamalhotra on Wednesday, August 12, 2009, 7:42 am
robinalexRank: 1
Nice article..
there is an easy way to generate hexadecimal color code.. try this out:
http://johndyer.name/lab/colorpicker/
Posted by robinalex on Wednesday, August 12, 2009, 8:27 am
Heuristi...Rank: 12
Suresh it's name of the colors. You can observe R, Y ,W, B for Red, Yellow, White and Blue. I am not sure of all the abbr.
Posted by Heuristician on Wednesday, August 12, 2009, 9:36 am
Heuristi...Rank: 12
One more interesting fact, the hexadecimal number which is same for all the three values that is Red, Green and Blue will be the colors between White and Black.
For example: #cccccc, #ababab, #474747........ any number it will be the shades of gray.
For example: #cccccc, #ababab, #474747........ any number it will be the shades of gray.
Posted by Heuristician on Wednesday, August 12, 2009, 4:35 pm
Pages: « Previous1Next »