Colorzilla is a great tool for designers

colorzilla tool imageColorzilla is a great little tool that sits up at the top of your browser window and lets you take color readings from any point in the browser window.

With this tool, you can easily pick a color out of your photograph or design image as you work on Zazzle (or any other POD) and use the result to give your text, border or background the best coloring. It makes a huge difference to your finished product!

Here’s a six step process of using Colorzilla to color some text using a candy jar.


Start with default color text and chosen image on product, here a candy jar.
jar with default color text


Switch to design view and use the magnify glass to see a close-up of the design.

candy jar

Click on the Colorzilla eye-dropper and touch the point to a desired color within your design.



Click the drop down arrow on the Colorzilla tool and choose the Hex color without the pound sign. That will copy the number for you.

choose option

Step 5:

Open the text color box. Paste the new color number that you just copied over the old one and hit return to lock it in.

jar with default color texthex color

Step 6:

Check out the new color on your text in the product view. Good? OK, you’re done! It is a big improvement!

finished candy jar

With Colorzilla, giving your products a finishing professional touch is a lot easier! It’s available as a free add-on for Firefox or Chrome. Or you can go to Colorzilla to download it.

, ,

10 Responses to Colorzilla is a great tool for designers

  1. April Storm February 22, 2012 at 4:07 pm #

    Colorzilla is my absolute favorite! Helped me to design my site and do color coordinating. I’ve actually made a couple of items on zazzle, too. Will bookmark your portal!

    • Right Brain March 3, 2012 at 2:49 am #

      Thanks, April. It’s become one of my favorite tools. Sounds like you could be catching the Zazzle “bug”!

  2. Patricia February 27, 2012 at 1:52 pm #

    This sounds cool!

  3. Right Brain March 3, 2012 at 2:49 am #

    It is! and a big time-saver, too.

  4. sema March 16, 2012 at 1:07 am #

    Came here from the zazzle forum and am impressed with your work.

    Thank you for sharing this tool and explaining with clarity how to use it for zazzle..Just downloaded and tried it on zazzle.It is really handy and will be a big time saver.Earlier I use to note the hex numbers from photoshop and keeping track of them for different designs was troublesome.

  5. Tammy Winand at CrypticFragments November 13, 2012 at 4:21 pm #

    I use Color Cop…also free and same functions
    also allows you to select in RGB (useful when using with other software that doesn’t support html)

    • Right Brain November 13, 2012 at 8:41 pm #

      I haven’t run into that one yet, Tammy. Always good to know an option! In Colorzilla, can chose RGB, hex or hsl, so it’s working great for me.

  6. Beck November 18, 2012 at 10:04 am #

    Nice tool, thanks for sharing.


  1. Change the Nasty Yellow Promo Bar on Your Zazzle Storefront | | RIGHT BRAIN Left TURNRIGHT BRAIN Left TURN - February 28, 2012

    […] You can try any light color you want. Choosing one that coordinates with your storefront is ideal. Here’s a few I’ve used that you can try. For more information on picking a color from your store, try reading Colorzilla is a great tool for designers. […]

  2. zazzle custom store - October 18, 2012

    […] color numbers that coordinate with your header image (see post on Colorzilla for help with […]