A great way to view the colors in your css file - at the simple webapp here.

Getting the colors right in CSS can be a bit of a pain without the right tools. An interesting tool I came across extracted the colors from a published site.

But I needed something (easy) to use in development. So I wrote a little tool I’d like to share with you!

So I present to you the CSS Color Extractor, where you can copy and paste CSS code, and it will visually display to you the results of the colors. For this 0.1 release, it’s pretty simplistic - it simply finds #[0-9a-zA-Z] in a closure ({}), and it’s all written in Javascript.

I hope it’s helpful to you as you do development - where my pages wouldn’t have to be published. I’d love feedback, too.

Particularly, if anybody has good ideas of a better way to sort hex values to get the colors in a more useful order, let me know!