Wonderful Web Colors
Mr. Pixelsmith helps web page designers, beginners and amateurs alike to make their pages better with graphics and color... from the Web Design & Review department of the Web Department in the Design & Publishing Center
Make your web pages better with careful attention to graphics and color schemes. And, I invite your comments and suggestions any time!
Red. It's hot, it's appetizing, it's aggressive, it's RED. He's red in the face... I'm seeing RED... I don't have a red nickel ---
So many expressions using the word 'red' all seem to say something similar. Red has always been the "STOP" color... emergency, alert, mistake... they're in the red means they're in trouble. It's versatile, and attention-getting. It's also HOT.
Have fun with RED. Have fun, and PLEASE send in YOUR favorite color combinations.
See: Full Spectrum Color
People write us all the time asking for Web colors. Usually we just pop out an email to them with the correct recipe for the job. (Here's an example of a typical color request letter we get.)
DT&G noticed what we were doing, so they decided to have a "Color of the Month" in the DT&G newsletter. So, since April we've helped Fred put together the color of the month. We mix these up from the HEX color cube.
Next, we'll be mixing some unusual mixes, and recommending some additional "Contrast" and "Accent" colors. It should be fun. If you would like a special blend, or recommendations for color schemes, just let us know.
Fresh and rowdy Green!
GREEN is traditionally associated with fresh, growth and that's so fitting for our theme of promoting yourself! It's also the color of the Irish, and popular all during the month of March. When using GREENS (that are not olive) be sure to select a good accent color like yellow. Note here we've used a very pale yellow (about 30%) to act as white for a background to green. Our 006633 Green is dark enough to carry type, and act as surrogate for black.
Greens also get us ready for our March issue coming soon, and we'll splash some WOW into this green palette with complimentary colors.
"Art Nouveau" Colors
For our Art Nouveau theme this month we attempted to extract the most important colors of the movement into our usual five color palette. Folks, it was very difficult. You see, the Art Nouveau movement didn't utilize what we consider to be primary colors -- they took the entire spectrum and muted it. So we found all kinds of reds turned to the burgundy side by mixing in greens. We see all sorts of greens gone teal and olive by adding a touch of red or blue. And the entire yellow spectrum became golds and true ocres. Mauves and blood reds moved to burgundy and rose in much of the fashions and upolstery fabrics and weaves of the period. So if you want an Art Nouveau look, just mute the colors.
Our Art Nouveau palette this month features a burgundy, and a selection of three thints of what can only be called mauve. To add a bit of sparkle, we throw in an ocre color brightened only slightly with pure yellow.
As usual, between each color is a built (hybrid) version of the two colors mixed in a pixel-by-pixel pattern, providing another dozen colors which can be utilized on the web. Import it into Photoshop and zoom in to see the mixes.
If you'd like to know how to set those up and use them, just ask and we'll do an article on it. So there's our palette for the November designer.
April's colors were Blue
|This table Cell is colorized 003399... Black Type|
|This table Cell is colorized 3366CC... Black Type|
|This table Cell is colorized 99CCFF ... White Type|
May's colors were Burgundy
|This table Cell is colorized CC6699 ... White Type|
|This table Cell is colorized 993366... Black Type|
|This table Cell is colorized 660033... Black Type|
|Note that the pale burgundy (mauve?) is not quite light enough to hold type.|
June's colors were Red
|This table Cell is colorized FF0000... Black Type|
|This table Cell is colorized FF3333... Black Type|
|This table Cell is colorized FF3300... Black Type|
July's colors we called "Hot"
|This time including the PMS blends for the same colors.(or close matches)|
|This table Cell is colorized FF6600...|
|This table Cell is colorized FF9900...|
|This table Cell is colorized FFCC00 ... White Type|
|This table Cell is colorized FFFF00 ... White Type|
By now you should be seeing a pattern.
August shows summer greens fading to OLIVE
Someone wrote in and asked:
"Why do you always pick bright, primary colors?"
Well, that gave us a shock, so this month we decided to look at the calendar, and look outside our window. The August colors will soon be fading toward September's brown hues, so OLIVE will make a good transition into our Augumn color spectrum. Remember to, as autumn breaks, add brown and you've got perfect camo colors.
* In PageMaker or Quark XPress, just open the color dialog or palette, and set to RGB or CYMK and key in the recipes shown. We did.
* Use these "heather" tones when you want a soft, natural feeling to your project. Everyone reacts warmly to these colors even if they're not in the red spectrum.
|This table Cell is colorized CCCC66... Black Type|
|This table Cell is colorized 666633... Black Type|
|This table Cell is colorized 999966 ... White Type|
|This table Cell is colorized CCCC99 ... White Type|
Above, we said September's brown hues would make a perfect compliment to OLIVE -- so we present the warm palette of autumn colors.
What we needed were the colors of changing foliage which includes: Brown, Burnt Sienna, Sienna and Gold. Add a touch of green, or from August, and you've got a friendly, comfortable color palette that almost everyone will easily warm up to.
In PageMaker or Quark XPress, just open the color dialog or palette, and set to RGB or CYMK and key in the recipes shown. At left you see a 60% Tint of the Gold, and throughout the issue you'll see other tints as well. Don't tint either of the russets because when tinted they quickly begin to look "dirty" or like a mistake. The Brown, on other hand should render a whole new world of tans when tinted. Try running a 15% to 20% tint of the brown over the entire sheet on your next project, then reverse the heads out letting the white paper colorize them white. (Careful! 24 point or larger!)
Use these "EARTH" tones when you want a soft, natural feeling to your project.
If you want to really experience the colors of fall, plan a visit to the Shenandoah Valley sometime between the 15th and 25th of October... you'll see more color than can be reproduced on the web. It's called Fall Foliage time in the Valley
October we introduce "built" color.
Time for Halloween... and our October Colors.
October colors drive deeper into the "Autumn" spectrum... but this time we thought we'd have a little fun.
Between each color is now a "hybrid" version of the two colors mixed in a pixel-by-pixel pattern, providing another six colors which can be utilized on the web. (Lynda Weinman in her "Web Graphics" book series uses the term "hybrid" for this technique. I prefer to call the technique "built color" because that's the way we used to do it in pre-web days, using primitive paint programs. It's more like "hand dithering")
If you'd like to know how to set those up and use them, just ask and we'll do an article on it.
White is for the fangs of the wolves who prowl... and the moon that lights their way. . . yellow is for the talons of the hawk, and the eyes of the black cat. Flesh is for the color of the victim who runs for life. . . orange is for the pumpkin with eyes glowing bright. Red/Brown is for the blood that spills on Halloween.
Of course, we also had to remember candy corn. Yum. You should download this color chip and look at it under magnification. The "built" colors are made up of mixing with a uniform grid. You can modify that too by building a varied pattern. We've only shown six different variations, when in reality there are actually twenty-five more you could try. This palette renders out a 6-color GIF file. But with the possibility of built colors, you can do so much more. So there's our colors for the October palette. This is a good all-round palette for any natural feeling project. Have a ghastly good time!
Blues from a previous letter
|This table Cell is colorized 003366... Black Type|
|This table Cell is colorized 333399... Black Type|
|This table Cell is colorized 330099... Black Type|
Make my day...
If you would like a special blend, or recommendations for color schemes, just Contact Mr. Pixelsmith with your request. We aim to please.
We invite you to utilize these color chips as you see fit. If you copy the HTML tables from this page for your own use we would appreciate getting credit, and a link back to this page:
This concludes our published works. All of the other question/answers have either been sent via email, or they were included in the now discontinued "pay subscription" edition of WebDesign & Review.
Participate in your Design Center
Lots of fun and information for all... don't forget, any community is only as good as the participation of its members. We invite your tips, tricks, comments, suggestions and camaraderie.
- Ask for the DT&G Monthly: to receive DT&G newsletter each month, happenings in the Design Center and regular columns like the "Mail Bag" and "Cool Sites"
- SUBSCRIBE : to the Designers' CAFE email list
- Link to this site, and then show us the link. We'll send you any of our current door prizes, just for your trouble.
- READ Our Writer's Guidelines: before sending articles
- SUBMIT: a news link, new font, or product review
- SUBMIT: a link to a Photoshop web site
- Trademarks & Legal