Colorpeek --A Chrome Extension Which is A Simple Way to See and Share CSS Colors

Tyler Sticka created a tool called Colorpeek.  In the following article you will explain to you what the web app does and why and then explain how the Chrome extension works to extend that.

"Tyler states,
A while back I found myself engaged in a monotonous task most designers will relate to. Having carefully selected a color palette in whatever design application I favored that day, it was time to share those color values with my collaborators.

I could have dumped a bunch of hex triplets into an email and called it good. But until we all start cultivating an encyclopedic knowledge of the RGB color model, it's probably best to include some sort of image as well.

So I dutifully hauled out Photoshop and made something like this for what felt like the thousandth time:"

Colorpeek helps you quickly see and share colors in whatever CSS notation you're already using. It supports hex, RGB(a), HSL(a), named colors and even some non-standard brand colors. They all get displayed in a simple, responsive layout.


Some examples:
Hex: colorpeek.com/#a899f2
RGB with alpha: colorpeek.com/#rgba(221,78,133,0.5)
Color keyword: colorpeek.com/#lightcoral
Multiple colors (mixed formats): colorpeek.com/#hotpink,rgb(77,196,94),hsl(212,73,67)
Some brand colors: colorpeek.com/#facebook,twitter,youtube


If you're more of a visual thinker and your browser supports drag and drop and the file API, you can add colors by dragging images right into Colorpeek. It'll grab the most prominent colors thanks to Lokesh Dhakar's magical Color Thief script.

http://css-tricks.com/colorpeek-simple-way-see-share-css-colors/