HTML Colors – Numbers

This post is also available in: Romanian

You’ll find that you often have to work with colors when constructing Web pages, so it’s probably a good idea to take a minute or two now and get the HTML color techniques down pat. Most of the time, you specify a color by entering a six-digit code that takes the following form: #RRGGBB


This sure looks weird, but there’s method in its mathematical madness. Here, RR is the red part of the color, GG is the green part, and BB is the blue part. In other words, each code represents a combination of the three primary colors, and it’s this combination that produces the final color. These are called RGB values.
The truly nerdish aspect of all this is that each two-digit primary color code uses hexadecimal numbers. These are base 16 (instead of the usual base 10 in decimal numbers), so they run from 0 through 9, then A through F.
To save you from worrying about the correspondences between the numbers and the colors, I’ve put together a page that displays 216 of the so-called “safe” colors and gives the corresponding RGB value.

 

 

#000000 #000033 #000066 #000099 #0000CC #0000FF
#003300 #003333 #003366 #003399 #0033CC #0033FF
#006600 #006633 #006666 #006699 #0066CC #0066FF
#009900 #009933 #009966 #009999 #0099CC #0099FF
#00CC00 #00CC33 #00CC66 #00CC99 #00CCCC #00CCFF
#00FF00 #00FF33 #00FF66 #00FF99 #00FFCC #00FFFF
#330000 #330033 #330066 #330099 #3300CC #3300FF
#333300 #333333 #333366 #333399 #3333CC #3333FF
#336600 #336633 #336666 #336699 #3366CC #3366FF
#339900 #339933 #339966 #339999 #3399CC #3399FF
#33CC00 #33CC33 #33CC66 #33CC99 #33CCCC #33CCFF
#33FF00 #33FF33 #33FF66 #33FF99 #33FFCC #33FFFF
#660000 #660033 #660066 #660099 #6600CC #6600FF
#663300 #663333 #663366 #663399 #6633CC #6633FF
#666600 #666633 #666666 #666699 #6666CC #6666FF
#669900 #669933 #669966 #669999 #6699CC #6699FF
#66CC00 #66CC33 #66CC66 #66CC99 #66CCCC #66CCFF
#66FF00 #66FF33 #66FF66 #66FF99 #66FFCC #66FFFF
#990000 #990033 #990066 #990099 #9900CC #9900FF
#993300 #993333 #993366 #993399 #9933CC #9933FF
#996600 #996633 #996666 #996699 #9966CC #9966FF
#999900 #999933 #999966 #999999 #9999CC #9999FF
#99CC00 #99CC33 #99CC66 #99CC99 #99CCCC #99CCFF
#99FF00 #99FF33 #99FF66 #99FF99 #99FFCC #99FFFF
#CC0000 #CC0033 #CC0066 #CC0099 #CC00CC #CC00FF
#CC3300 #CC3333 #CC3366 #CC3399 #CC33CC #CC33FF
#CC6600 #CC6633 #CC6666 #CC6699 #CC66CC #CC66FF
#CC9900 #CC9933 #CC9966 #CC9999 #CC99CC #CC99FF
#CCCC00 #CCCC33 #CCCC66 #CCCC99 #CCCCCC #CCCCFF
#CCFF00 #CCFF33 #CCFF66 #CCFF99 #CCFFCC #CCFFFF
#FF0000 #FF0033 #FF0066 #FF0099 #FF00CC #FF00FF
#FF3300 #FF3333 #FF3366 #FF3399 #FF33CC #FF33FF
#FF6600 #FF6633 #FF6666 #FF6699 #FF66CC #FF66FF
#FF9900 #FF9933 #FF9966 #FF9999 #FF99CC #FF99FF
#FFCC00 #FFCC33 #FFCC66 #FFCC99 #FFCCCC #FFCCFF
#FFFF00 #FFFF33 #FFFF66 #FFFF99 #FFFFCC #FFFFFF

 

Download Details

Permanent link to this article: https://www.xenno.org/269/html-colors-numbers/

35 comments

Skip to comment form

  1. Hi. I read “HTML Colors – Numbers XeNNo”. It was fantastic. Come to my blog sometime.

    It’s harley davidson exhaust blog :).

    1. there … I have read the “Harley Davidson Exhaust – Harley-Davidson® Men’s Stock Full-Finger Leather Gloves. Bar & Shield logo. 98201-07VM” …
      Thanks for your visit!

  2. do you have switched web hosting or a web server the other day? was not able to access your web site yesterday

    1. I manage my own server and sometimes it’s not working properly: D

  3. I would like to give thanks a whole lot for the job you have made in writing this piece of writing. I am hoping the same effective work by you later on too.

    1. Thanks! I will keep them coming!

  4. Hahaha wow that is outstanding!

    1. Thanks!

  5. Spot on with this write-up, I truly suppose this web site needs far more consideration. I’ll most likely be again to read rather more, thanks for that info.

  6. Hi there! I could have sworn I’ve been to this blog before but after browsing through some of the post I realized it’s new to me. Anyhow, I’m definitely happy I found it and I’ll be book-marking and checking back often!

  7. thanx for such a wonderful site. Where else could anyone get that kind of info written in such a perfect way? I have a presentation that I am presently working on, and I have been on the watch out for such info.

  8. I really like the colors here on your blog. did you make this yourself or did you have it done by a professional?

  9. The post was able to express what it wants to convey to the readers. It has been a very effective approach which resulted to a profitable output for all who have been fortunate enough to come across it!

  10. Dude i didnt find this blog my mom wouldve killed me. I owe you my life lol Awesome Blog Bro.

  11. I believe that youtube is a great tool for anyone interested in watching or uploading videos. I have been using the site for years now, and still think it is doing a good job!

  12. Hey friend can i publish some paragraph of your article on my little blog of university.I have to publish a good articles out there and i really think your post Fits best into it.I will be grateful to give you an source link as well.I have two blogs one my own and the other which is my college blog.I will publish some part in the university blog.Hope you do not mind.

  13. Nice to be visiting your blog again, it has been months for me. Well this article that i’ve been waited for so long. I need this article to complete my assignment in the college, and it has same topic with your article. Thanks, great share.

  14. You really make it seem so easy with your presentation but I find this topic to be really something which I think I would never understand. It seems too complicated and very broad for me. I am looking forward for your next post, I will try to get the hang of it!

  15. Congratulations! Your site is wonderfully written with a lot of great organizing information. I wish you much success!

  16. Informative post, Im now one of your site followers

  17. Appreciation for the great blog post. I am glad I have taken the time to learn this.

  18. I really like your blog.. very nice colors & theme. Did you make this website yourself or did you hire someone to do it for you? Plz answer back as I’m looking to create my own blog and would like to find out where u got this from. many thanks

  19. Glad I noticed this on google .

  20. Thanks for the color codes. helpful

  21. I have to say that Im really unimpressed with this. I mean, sure, youve got some very interesting points. But this blog is just really lacking in something. Maybe its content, maybe its just the design. I dont know. But its almost like you wrote this because everybodys doing it. No passion at all.

  22. I have recently started a web site, the information you offer on this site has helped me tremendously. Thanks for all of your time & work.

  23. I am impressed with this internet internet site , actual I’m a large fan . Outstanding post, you have pointed out some superb points , I besides believe this s a highly good website.

  24. Wow! This could be one particular of the most beneficial blogs We have ever arrive across on this subject. Actually Excellent. I am also an expert in this topic so I can understand your effort.

  25. Very interesting information!Perfect just what I was searching for!

  26. Wow, amazing blog layout! How long have you been blogging for? you make blogging look easy. The overall look of your website is magnificent, let alone the content!

  27. Thanks a bunch for sharing this with all people you really recognize what you’re talking approximately! Bookmarked. Please additionally consult with my site =). We can have a hyperlink alternate arrangement between us!

  28. thanks admin good post

  29. Thought I would comment and say cool theme, did you code it for yourself? Really looks excellent!

  30. Hello there! I merely want to supply a large thumbs up for your wonderful details you might have in this article with this publish. I will be re-occurring on your blog for a lot more quickly.

  31. I will be usually invstigating on the internet with regard to tips that can aid me personally. Thx!

Leave a Reply to Build Backlinks Cancel reply

Your email address will not be published.

CAPTCHA *

This site uses Akismet to reduce spam. Learn how your comment data is processed.