Just show me the colors

I often run into websites which post colors in codes (like #d51087 or plum) but do not tell me what those colors look like.

To see these colors, I would use another tool or a different website which will translate a HTML color code to the actual color.

So I created Just show me the colors which can show me. Click on the button below to see them.

Bookmark-let

Just drag and drop this link to your bookmark bar: Show Me The Colors.

Features

• It can handle named colors like orangered.
• Hex color codes like #456dad or #7ea aren't a problem either.
• hsl(200, 80%, 70%) and hsla(20, 80%, 70%, 0.75) are also supported.
• So no point leaving rgb(216, 44, 216) and rgba(87,34,123, 0.7).

Live Demo

Use as a library

Include the JS file on your page and then a simple call justShowMeTheColors() will replace all CSS3 colors present in the DOM in place with spans which show the color.

I have tested it on IE7, Firefox 28 and Chrome 29. It probably works on older versions without any problems as well.