Creating a 3-column Web page is easy with tables, but can be challenging with just CSS. Entry 1 by Salman Arshad in the first HTML challenge shows that it can be done, and done well. Have you created a 3-column Web page with just CSS and HTML? Show off your work in the first HTML Challenge.
This week's challenge is a challenge for designers. Choosing a good color palette can be hard. But one of the most underused palettes is the monochromatic palette. This is where you take one color hue and modify it with just shades of white and black to get colors that look good together. Have you designed a Web page using a monochromatic color scheme? Submit your entry to HTML Challenge #2.
Here is a quick and easy way to generate a monochromatic palette of colors in Photoshop:
Select your base color; for example: #990033
Open up the Photoshop Color Picker then do one or both of the following:
a) Change the Brightness of the color by changing the value in the “B” text box. For example to make the color #990033 20% brighter, change the value of “B” from 60% to 80% — this gives you #CC0044
b) Change the Saturation of the color by changing the value in “S” text box. For example to make the color # CC0044 20% more gray, change the value of “S” from 100% to 80% — this gives you #CC295F
Repeat the above process by experimenting with different Brightness and Saturation. All resulting colors will be the shades of base color. Add the colors to the “Swatches” palette.
This blog uses three shades of #990033 in its layout.
Don’t forget to submit your entry in this challenge if this tip helps.