Web Design

Site Information

More Boogie Jack Sites

Grayscale Colors Chart

That's kind of an oxymoron, isn't it -- grayscale colors? I could have wrote it as Grayscale Chart, but that doesn't sound as colorful...um, before I dig myself into an even deeper hole, here is a chart of sample grayscale colors...

#000000 #111111 #222222 #333333
#444444 #555555 #666666 #777777
#888888 #999999 #AAAAAA #BBBBBB
#CCCCCC #DDDDDD #EEEEEE #FFFFFF

Notice a pattern in those hex codes? Here's a few more patterns for you so maybe you can really get your little ol' heart to pounding with excitement...

#272727 #353535 #616161 #959595
#2E2E2E #4F4F4F #7B7B7B #9D9D9D
#A5A5A5 #B9B9B9 #C3C3C3 #D8D8D8
#ACACAC #BFBFBF #DADADA #FCFCFC

You can produce shades of gray by repeating the two letter/number combination found in the first two positions of the hex code, again in the 3/4 and 5/6 position. Any two letter/number combination repeated three times makes a grayscale color, or solid white (FFFFFF) or solid black (000000).

Obviously there are many more letter/number combinations you could use, but I can't show any more here...my monitor is starting to think it's 1956. Stupid monitor.

Home | HTML Tutorials | HTML Quick Tips | HTML Reference Charts
CSS Tutorials | CSS Reference Chart | Online Webmaster Tools
Design/Marketing Articles | Web Glossary | Web Design Software
Web Site Design Made Easy | Products | Members Site Info/Benefits
About This Site | Frequently Asked Questions | Privacy Statement
Copyright Notice | Link Info | Contact

Copyright 2005 htmlville.com and Dennis Gaskill
All Rights Reserved Worldwide