We Just Re-Launched!

To Serve the Webgrrls community better we have been working hard on building new tools. We're in beta and would love to get your feedback. Let us know if you love the features and/or if something is not working

SPONSORED SITES

DigitalWoman.com
Need technology solutions? Join DigitalWoman on the IT fast track...websites, databases, programming, marketing, and more

Femina
Sites For, By, and About Women

TrainerNYC
Become Fit - Ask TrainerNYC!


Insights, Information & Infinite Inspiration...
Welcome to Webgrrls Wisdom, a blog to find commentaries about women's careers, business, technology, and the industry.

Save time by reading website colors in your browser

written by Nelly Yusupova
Nelly Yusupova
Topics: Design, How-To, Tech Tools, Technology
Veiw all posts written by Nelly
Follow Nelly on Twitter

Last week, I installed a great Firefox extension, ColorZilla, and have been using it extensively because it saves me a lot of time.  ColorZilla is a feature rich extension for web designers.  Here are some of my favorite features:

  • Get a color reading of anything in your browser.
  • Easily copy RGB or Hexadecimal color you selected to any other application
  • Tweak the color you selected using the built in color palette browser.
  • Enlarge pages with zoom feature so it is easier for you to sample the color

Here are instructions on how to download, install, and use Colorzilla Firefox extension

  1. If you do not have Firefox, install it.
  2. Go to the Colorzilla website and click the green “Add to Firefox” button.  This will install the extension into firefox.  You will need to restart Firefox for the extension to work.
  3. Once installed you will see an eyedropper icon at the bottom left corner of your browser status bar. Colorzilla eye dropper tool
  4. Go to the website that you would like to sample a color from.
  5. Click on the eye dropper tool to select it.  If the color you want to sample is too small, right click on the eye dropper tool and select the Zoom feature to enlarge the page.
  6. Colorzilla eye dropper tool right clickedOnce the color is sampled, it is saved by the eye dropper tool.  To access the color options, go to the tool in the status bar and right click on it (see image on the right).From here, you can copy the color and use it in another application, re-adjust the color using the Palette Browser tool, add the color to your favorites, etc.


Related posts:

  1. Import website colors into Photoshop in seconds
  2. DHTML Color Picker tool for your website
  3. Install multiple versions of IE browser on your PC
  4. Blog About Web Pages Without Opening Another Browser
  5. Improve Your Website Performance

Did you enjoy this post? Comments (1)

1 Comment »

Comment by Ellen Hart
2008-09-16 14:52:15

Thanks for the tip. I’m not a web designer, but I’ve been working with one and experimenting with the look of my site.

 
Name (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

© 1995 - 2013 Webgrrls International, Inc. All Rights Reserved.