ColorZilla
ColorZilla is an incredibly handy tool for picking colors from a website and so much more.
Features
- Eyedropper - get the color of any pixel on the page
- An advanced Color Picker similar to ones that can be found in Photoshop and Paint Shop Pro
- Webpage Color Analyzer - analyze DOM element colors on any Web page, locate corresponding elements
- Ultimate CSS Gradient Generator
- Palette Viewer with 7 pre-installed palettes
- Color History of recently picked colors
- Displays element information like tag name, class, id, size etc.
- Outline elements under the cursor
- Manipulate colors by their Red/Green/Blue orHue/Saturations/Value components.
- Auto copy the generated or sampled colors to the clipboard in CSS RGB, Hex and other formats.
- Keyboard shortcuts for quickly sampling page colors using the keyboard.
- Get the color of dynamic elements (hovered links etc.) by resampling the last sampled pixel
WhatFont
WhatFont is to fonts as ColorZilla is to colors. It allows you to hover over fonts to find out what they are. Page Ruler
Page Ruler quickly allows you to determine the width and height and location of anything on a website.
Awesome Screenshot
Need a screenshot of an entire web page, not just what your window shows? Awesome Screenshot is the extension for you. It also lets you annotate your screenshots. I find this one works better than any of the others I've tried, plus it's linked with my Diigo account.
Kraken
Are your images optimized? Kraken will optimize all of the images on your page and let you conveniently download them, cutting many kilobytes of your overall page size.

