Resources for Web Development Students @ Robin’s Blog

So I was actually reading the “entire” article that I posted for you earlier, Simple Design Tips for Non-Designers, and I came across cool technique that Garrett, the same author, demonstrates in Need a color palette? Just pixelate. You can use Photoshop to create a complimentary color palette from your favorite photo using the Mosaic Filter (Filters > Pixelate > Mosaic). I tried this on the photo I posted yesterday after our field trip. The resulting color palette is pixelated.jpg. You can read the entire article to get all of the details on using this filter.

But then what do you do? Once you get the pixelated image you can then use the eyedropper in Photoshop to determine the Hex or RGB values you want to use. Select the Eyedropper tool from the Tools panel. You will need to also turn on the info panel, so click Window > Info to turn on the Info panel if it is not already displayed.

Then click the palette options arrow and set the Palette Options to to match mine in the image to the right. First Color Mode: RGB Color, Second Color Mode: Web Color.

With the Info Options still displaying move your mouse over the image to display the RGB and Hex values of each pixel in the Info palette.

YourTotalSite.com really looks like a great resource. I hope that you have all bookmarked it!

You can also use the Eyedropper we have installed on all the machines in the classroom by clicking Start > All Programs > Web Design > EyeDropper. EyeDropper is a freeware program and available for download.