Very nice Color Picker for Firefox

5 replies
Hi

Just ran across this neat free plugin for Firefox:

ColorZilla for Firefox - Eyedropper, Color Picker and much more

This is a color picker that also has an "eyedropper" feature, this allow you to move your mouse pointer around a page and display the RGB value of the underlying color. I've seen a few of these but having one directly in Firefox is pretty handy. It's a great tool for matching colors on web templates.

For more advanced users and programmers it also can analyze the DOM (Document Object Model) of the page and show which CSS rules are being applied.

Combine this with a few other plugins (such as Web Developer by Chris Pederick) and Firefox becomes a web developers best friend!

Enjoy

Bill
#color #firefox #nice #picker
  • Profile picture of the author coog
    Yes that one is helpful, I've been using it for sometime. Another really handy one is MeasureIt I use it all the time along with ColorZilla when sizing up a new design.
    {{ DiscussionBoard.errors[571384].message }}
  • Profile picture of the author Powertreb
    There's another one called Palette Grabber, which lets you save the color palette from the website you are one into various formats including text files, fireworks, and Adobe palette formats.
    {{ DiscussionBoard.errors[571408].message }}
    • Profile picture of the author mywebwork
      Originally Posted by coog View Post

      Yes that one is helpful, I've been using it for sometime. Another really handy one is MeasureIt I use it all the time along with ColorZilla when sizing up a new design.
      Guess I'm isolated living on this island, hadn't seen MeasureIt before- thanks for the heads up.

      Originally Posted by Powertreb View Post

      There's another one called Palette Grabber, which lets you save the color palette from the website you are one into various formats including text files, fireworks, and Adobe palette formats.
      ColorZilla is also supposed to be able to save palettes, not sure if it supports the same formats.

      Thanks for sharing, any others out there?
      {{ DiscussionBoard.errors[571442].message }}
  • Profile picture of the author coog
    I'm isolated living on this island
    What an awesome place to live though

    When I'm making design changes on the fly I can lay out a measure it box and tell exactly how big I need to make an image to fill a particular space.

    The only others besides the ones you mentioned above are Dust-Me for cleaning up my style sheet after finishing a new design and firebug which I'm pretty sure you already know about, there have been a couple threads on it here.

    Enjoy!

    Charles
    {{ DiscussionBoard.errors[571665].message }}
  • Profile picture of the author Powertreb
    I spend about 90% of my design time with CSS. I prefer the Web Developer Toolbar. It really gives you a full package for anything and everything CSS.

    You can outline elements, disable colors, images, javascript. You can make changes in all the stylesheets for the current page, and see real-time previews of your CSS changes. I know Firebug does this and other things too, but I've tried both, and for my pure CSS needs, Web Developer wins.

    There's also an extension called Split Browser. It literally splits your browser window. Combine Web Developer with splitting your browser and you get some good power.

    I have a 24" monitor so it's really nice. I can see my preview changes in one part of the browser, while having the actual backend of the site in the other. It's a good alternative to switching tabs all the time.
    {{ DiscussionBoard.errors[571912].message }}

Trending Topics