The RGB Hex colour chart is a very large (183kB) PNG file, and is sized to fit on a standard A4 piece of paper. It shows the 216 so-called "web safe" or "non-dithering" colours (there are actually only 22 web safe colours, but those are revolting).
If you link to this resource, please link to this page and not to the image directly.
And finally, if you like the cheat sheets, and want to say thanks, please consider buying me something from my Amazon Wishlist. Thankyou very much to those who have already hunted it down and sent me something nice - I'm very grateful!
51 Comments
Nice job! The predefined color names (like red, mauve, etc..) would be a nice add-on.
#1, pmk, Germany, 10 May 2005. Reply to this.
I think I love you!!
Thanx bunches for the cheat sheets!!!
#2, Me, Canada, 29 June 2005. Reply to this.
thanks for the help, it really comes in handy !!!
#3, Rachael, United States, 16 October 2005. Reply to this.
Nice, thank you!
#4, Björn, Germany, 11 November 2005. Reply to this.
Nice and all, but who still designs using 216 colors?
#5, WebCester, Switzerland, 21 November 2005. Reply to this.
yep v. helpful especially when im working away from home!
thanx :-)
oh and btw , im usin them as a base and changing them to get the colour i want so thats who uses them...
#6, cookieboi, United Kingdom, 28 March 2006. Reply to this.
oh and who says the're cheat sheets?????
they r just a useful guide...
#7, cookieboi, United Kingdom, 28 March 2006. Reply to this.
Nice, but "printer friendly"?
After going through a run-of-the-mill inkjet printer, guessing would do just as well
#8, Dr. K., Norway, 23 May 2006. Reply to this.
"Nice and all, but who still designs using 216 colors?" - me.
id love to have this vectorized as pdf... and you could write #F9C instead of this FF99CC, as the sheet only shows web-SMART colors.
btw: i love ur sheets, too.
#9, Ephraim, Germany, 10 August 2006. Reply to this.
Who still designs using 216 colours?
Web designers. Designers on the web. Designers who use sheets like this.
...90% of the population who read this.
I hope this answered your question.
#10, DarbySniper, United Kingdom, 16 September 2006. Reply to this.
Enjoing this good job guy.
#11, Mars, Italy, 10 November 2006. Reply to this.
that topic is now at http://www.cre8asiteforums.com/forums/index.php?showtopic=3511
#12, jazzle, United Kingdom, 10 November 2006. Reply to this.
Nice...i've been trying to figure out the logic of RGB hex codes, and this is starting to make more sense...
R G B
00 00 00
Only every 3rd pair is supported, like 003300, 006600, (shortened as #030 or #360 for css).
But what about letters? Same thing, but there is no equivalent of 0, so we do every third starting at "A"...so
00CC00 is browser safe, but not 00AA00 or 00BB00.
00FF00, or #0f0 in css short-hand.
#13, Anthony Ettinger, Unknown, 11 November 2006. Reply to this.
>> Who still designs using 216 colours?
> Web designers. Designers on the web. Designers who use sheets like this.
You mean "Web Designers who haven't paid attention to Web developments since 1997."
http://www.lynda.com/hex.asp
#14, Haven't been limited to 256 colors since my Mac Quadra 605, United States, 13 November 2006. Reply to this.
Actually, w3c standards are 256 web colors because not everyone owns a brand new PC, one can reach a larger audience with standards. 256 colors are available to everyone, some people won't see non web standard colors if you use them, they will display differently, and that affects design, which is the whole point when solving a visual communication problem. But go ahead and use whatever colors you want its your design.
#15, Franky, United States, 4 December 2006. Reply to this.
While this is a great cheat sheet, I'm more inclined to agree with comment #15. Most people these days are using at least 8-bit colour these days. 256 went belly up a long, long time ago.
#16, Joe, Unknown, 16 December 2006. Reply to this.
I am Recrut.
I hope I welcome here...
I am new to this...
:)
#17, Motorecrut, United States, 29 December 2006. Reply to this.
Being slightly colour blind it's always useful to have these kind of colour sheets as a resource
#18, Flooring Contractor, United Kingdom, 6 February 2007. Reply to this.
While most of this site is in various Asian languages, I find the visual display/representation clever. It really puts all the different Web Safe colors into context.
Martin Middelmann, Massachusetts, USA
#19, More useful Websafe Color site..., Unknown, 21 February 2007. Reply to this.
Various Asian languages? Seems like just plain old Japanese to me. Still, it is quite good.
#20, Northern California, United States, 6 March 2007. Reply to this.
Well, thanks alot for your effort and time to code them on paper. great job.
good luck
#21, Nioton, United States, 1 May 2007. Reply to this.
Great, i could use a cheatcheat like this!!
#22, Eric, Netherlands, 14 June 2007. Reply to this.
HEX and RGB are not the same thing.
RGB is used in CSS in the context
STYLE ="color: rgb(153, 0, 51); "
This chart only has Hex codes, not RGB.
I came to the chart looking for HEX-RGB conversion.
THAT would be useful.
#23, tyler durden, United States, 4 August 2007. Reply to this.
Hi Tyler,
RGB refers to the way the colour is defined - and means that the amount of red, blue and green are specifically defined. Other colour types are CMKY and HSV, for example.
The colours on this sheet are RGB - they are three pairs of digits, each pair defining the amount of red, blue and green respectively in each colour.
The example you give is the decimal equivalent of the hexadecimal numbers, and those numbers on a sheet would be an "RGB Dec" colour chart.
The conversion you are talking about would be a HEX - DEC conversion, and there are plenty on the web (the chart at http://ascii.cl/conversion.htm looks like a good one).
#24, Dave Child, United Kingdom, 5 August 2007. Reply to this.
Hey, I love your Cheat Sheets including this RGB Hex Color Chart one I have many a time forgotten a simple color code that I have been able to find quickly using this cheat sheet, I must say these are the best free cheat sheets I could find.
I even posted on my blog about your cheat sheets: http://oysblog.uni.cc/2007/08/31/cheat-sheets/
#25, Aaron, Unknown, 31 August 2007. Reply to this.
Thanks, extremely useful tool for me.
#26, Olga, Serbia And Montenegro, 1 September 2007. Reply to this.
Still a gem of information - thanks
#27, Fraktfritt, Sweden, 19 October 2007. Reply to this.
hello I need to know
can you send me the Cmyk sistem colors if you have???
thanks
it´s my e-mail send for this
tonyumax@itelefonica.com.br
#28, Tony, Unknown, 22 October 2007. Reply to this.
"you could write #F9C instead of this FF99CC" - ugh, you can but don't. Those numbers in hex do not equal each other, just as in base 10, 1 <> 11.
#29, A guy..., Unknown, 3 December 2007. Reply to this.
thanks buddy .those were really helpfull.thanks a lot
#30, pckabeer, India, 22 January 2008. Reply to this.
these are probably the best cheat sheets in the world - STRONG WORK!!!!
#31, steve, United Kingdom, 15 February 2008. Reply to this.
Thanks for the lovely cheatsheets.
#32, Slim, Unknown, 26 February 2008. Reply to this.
Vielen Dank.
Viele Grüsse aus der Schweiz
#33, Evi, Switzerland, 1 March 2008. Reply to this.
Thanks for the cheatsheet
#34, Devang Gandhi, Unknown, 15 March 2008. Reply to this.
Thank you jack,
Amazing
great job....!
#35, ShaileshPatel, India, 20 March 2008. Reply to this.
Extremely usefull again. Thank you for all the work you put on this site. Will remember your wishlist :-)
#36, Internet Marketing, Unknown, 6 April 2008. Reply to this.
Really nice cheat sheets all over...
this one here has a link error the PDF links to http://www.addedbytes.com/download/html-character-entities-cheat-sheet.pdf and not http://www.addedbytes.com/download/rgb-hex-cheat-sheet-v1.pdf.
That said.. the sheets are very easy to read, and have a really nice visual setup (rememdering the CSS cheat sheet here)..
Keep up the good work, I look forward to see some more of these in the future.
#37, Tomse, Denmark, 30 June 2008. Reply to this.
Tomse: Thanks and well spotted. I've corrected the download link.
#38, Dave Child, United Kingdom, 30 June 2008. Reply to this.
"there are actually only 22 web safe colours"
Ive read hundreds of web design article that state there are 256 web safe colors.. where did you find that there only 22?
#39, Tony, United Kingdom, 11 November 2008. Reply to this.
@Tony: The original article is no longer available but there's a mirror at: http://www.physics.ohio-state.edu/~wilkins/color/websafecolors.html
There are 216 colours usually listed as web-safe (6 times 6 times 6) (I also heard somewhere that computers used to use 256 colours but around 40 of those were reserved system colours on PC and Mac).
However, those 216 colours are actually not (well, were not) displayed unadjusted across all systems and browsers. Only 22 colours were displayed consistently exactly as intended.
#40, Dave Child, United Kingdom, 11 November 2008. Reply to this.
Fantastic project! Thanks!
#41, Mec, Italy, 17 November 2008. Reply to this.
Thanks i new most of them but found a few more. I think alot of them are so close in color most people will not notice.
#42, camra, United States, 5 December 2008. Reply to this.
thx? but this one looks a little small... XD/
#43, z.Yleo77, China, 30 March 2009. Reply to this.
This is my hex chart.
#44, Anonymous, United States, 18 April 2009. Reply to this.
Actually Tony, there are 216. Check out this site for all 216!
#45, Anonymous, United States, 18 April 2009. Reply to this.
I love you! Lol.
I've downloaded almost all of your sheets, pdf and png. I never know when I might get on a comp that doesn't have Acrobat.
You are awesome. I'll be being something for you from you wishlist for sure! ^.~ Promise!
#46, Rachel, SC, USA, 12 August 2009. Reply to this.
Very nice job with these sheets.
Just found your site, and the information contained here has already helped me a lot.
Keep up the Excelent Work.
Cheers from Portugal.
#47, JackSilver, Portugal, 30 August 2009. Reply to this.
Nice compilation of RGB colour chart. Keep it up.
#48, Kenny, Australia, 25 October 2009. Reply to this.
Very usefull, thank you for these charts
#49, Gerard, Malta, 30 October 2009. Reply to this.
Thanks a lot for your work. The chart found a way on my desk - like some other ones from your cheat sheets, too.
#50, Michael, Germany, 10 January 2010. Reply to this.
hi Dave, A friend recommended your cheat sheets. I think you've covered just about everything (and a lot of stuff that is way over my head). :) Anyway, I've downloaded your RGB color chart to play with giving my website a face lift... I'll be sure to avoid those "revolting" colors you mention. :)
Thanks for all the hard work you put into these!
#51, Frank, USA, 20 January 2010. Reply to this.