2008-09-27 by Roedy Green ©1996-2009 Canadian Mind ProductsClick any ball to view the corresponding colour palette.
| Named Colours |  |
Alphabetically (113) | |
BHS: by Brightness, Hue, Saturation | |
HBS: by Hue, Brightness, Saturation | |
SBH: by Saturation, Brightness, Hue | |
Java AWT Colours (16,777,216) |
|---|---|---|---|---|---|---|---|---|---|---|
|
RGB: Numerically (113) | |
BSH: by Brightness, Saturation, Hue | |
HSB: by Hue, Saturation, Brightness | |
SHB: by Saturation, Hue, Brightness | |
Java Swing Colours (16,777,216) | |
| Numbered Colours | |
HTML 3.2 (16) | |
Websafe (216) | |
Rainbow (4096) | |
Spectrum (401) | |
X11 (657) |
| Selected Colours | |
Pale (256) | |
Dark (2022) | |
Simple (105) | |
Greys (256) | |
Colour Schemes |
I thought I would start collecting colour schemes for the web authoring community. If you have some colour schemes that you are willing to share, please email them to me. All you need do is list the hex colour numbers you think go well together, ordering dark to light. Give your colour scheme a name. If you want to save me some work, put them in the same HTML table form as those below.
| Submitter | Scheme
Name |
Colours | ||||||||||||||||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Roedy Green | chameleon | #090e08 | #5c1a04 | #8c6730 | #0f9d15 | #a64b2c | #aa6e88 | #22b6fc | #f8f2f2 | |||||||||||||||||
| Roedy Green | bee eater | #19130c | #131211 | #773d27 | #7e2926 | #018661 | #078c82 | #94754c | #5d9f79 | #d6b601 | #f7d305 | |||||||||||||||
| Roedy Green | NDP | #42414d | #008342 | #025ca6 | #9ba049 | #318cd6 | #ff6b01 | #84c4fa | #fffeff | |||||||||||||||||
| Roedy Green | Valencia | #000000 | #272727 | #2c2c2c | #585858 | #800000 | #662d91 | #17a41a | #39b54a | #d50002 | #0066ff | #ff950d | #ff960f | #ff9710 | #f3f3f3 | #ffffff | ||||||||||
| Roedy Green | subtle | #91eaff | #95cbff | #bff2ff | #ffe4c4 | #ffffcc | #ffffdd | #e0ffff | #ffeae2 | #e3faff | #f0ffff | #f4fff7 | #fefeff | #ffffff | ||||||||||||
| Roedy Green | seaside | #055555 | #666666 | #608f1b | #094196 | #50a627 | #0668b1 | #999999 | #60b03f | #0382b9 | #167bbf | #0495d4 | #389dd5 | #1fa0d9 | #58d2f9 | #e0ffff | #ffffff | |||||||||
| Roedy Green | green snail | #060503 | #4e422a | #6b5523 | #5e7628 | #68892e | #779639 | #ced4a6 | #c7daac | |||||||||||||||||
| Roedy Green | spruce | #1a2a0d | #384a0e | #3e542d | #77864f | #8a587b | #a9c465 | #d0c488 | ||||||||||||||||||
| Roedy Green | nautica | #037706 | #000080 | #707070 | #009700 | #eaffff | #ffffff | |||||||||||||||||||
| Roedy Green | squash | #005500 | #f3d457 | #f7da68 | #ffd84c | #fce692 | #f3f3f3 | #ffffff | ||||||||||||||||||
| Roedy Green | subdued | #333333 | #666666 | #336699 | #c2c235 | #cc6600 | #efefef | #ffffff | ||||||||||||||||||
| Roedy Green | matte | #575757 | #ccb08e | #79c6f2 | #eeeeee | #ffdfb0 | ||||||||||||||||||||
| Roedy Green | futura | #333333 | #404040 | #006699 | #a16801 | #cccc99 | #ff9900 | #ccffff | ||||||||||||||||||
| Roedy Green | adobe | #008080 | #a28d68 | #d5ccbb | ||||||||||||||||||||||
| Roedy Green | autumn | #a0a0a0 | #c6a646 | #e6d8ae | ||||||||||||||||||||||
| Roedy Green | Easter | #006633 | #008653 | #319463 | #9c399c | #bdbd9c | #d6a5d6 | #ff79ac | #ffffcc | |||||||||||||||||
| Roedy Green | Halloween | #000066 | #333366 | #003399 | #0000ff | #0066ff | #ff9900 | #e4e6e9 | #66ccff | #99ccff | #ffffcc | |||||||||||||||
| Roedy Green | jolly green | #004400 | #005500 | #006600 | #007700 | #008800 | #088808 | #009900 | #00aa00 | #00bb00 | #00cc00 | #00dd00 | #00ee00 | #00ff00 | #ff0080 | #f7f79c | ||||||||||
| Roedy Green | milky green | #400040 | #588078 | #90b0a8 | ||||||||||||||||||||||
| Roedy Green | monochrome | #111111 | #222222 | #333333 | #444444 | #555555 | #666666 | #777777 | #888888 | #999999 | #aaaaaa | #bbbbbb | #cccccc | #cdcdcd | #dddddd | #eeeeee | ||||||||||
| Roedy Green | playschool | #993300 | #3399cc | #cc6633 | #667fff | #9966ff | #66ccff | #66ffe6 | #e666ff | #ff66cc | #ff667f | #66ff99 | #ff9966 | #ffe666 | #ccff66 | #7fff66 | ||||||||||
| Roedy Green | Queen Anne | #402840 | #284848 | #484060 | #786058 | #a89890 | ||||||||||||||||||||
| Roedy Green | the blues | #4f657d | #808080 | #8399b0 | #c1ccd9 | |||||||||||||||||||||
| Roedy Green | Windows Retro | #000080 | #008080 | #808080 | #c0c0c0 | |||||||||||||||||||||
You can sample photos of fabrics, house interiors, nature, etc. to collect a pleasing scheme. You can capture images with a digital camera or with a scanner. As far as I know, doing this does not violate any copyrights. Using other people’s names for your colour schemes might get you in trouble though.
One trick I use on my home page is to use an image from nature. I select a typical foreground and background colour from the image to use on the rest of the page. You tend to get more muted conservative colour schemes this way.
 |
recommend book⇒The Designer’s Guide to Color Combinations: 500+ Historic and Modern Color Formulas in CMYK | |
| hardcover | ||
|---|---|---|
| ISBN13: | 978-0-89134-857-3 | |
| ISBN10: | 0-89134-857-3 | |
| publisher: | North Light Books | |
| published: | 1999-03 | |
| by: | Leslie Cabarga | |
| Shows by example how to pick colours that go well together. It is not a textbook on the theory of colour. It focuses on the CMYK (cyan magenta yellow key/black) system used in professional printing, not the simpler RGB system used in HTML. | ||
 |
 Please email your feedback for publication, errors, omissions, broken/redirected link reportsand suggestions to improve this page to Roedy Green :  | ||
| Canadian Mind Products | 
 |
||
| mindprod.com IP:[65.110.21.43] | |||
| Your face IP:[38.103.63.62] | The information on this page is for non-military use only. | ||
| You are visitor number 22,253. | Military use includes use by defence contractors. | ||
| You can get a fresh copy of this page from: | or possibly from your local J: drive (Java virtual drive/mindprod.com website mirror) | ||
| http://mindprod.com/jgloss/colourschemes.html | J:\mindprod\jgloss\colourschemes.html | ||
