How many times have you been doing HTML or CSS work and thought, "I wish I knew the exact CSS color values for that color right there?" Now you can use the MacOS color picker and its sampling magnifying glass to select any spot on your screen and know the values to user for CSS or HTML.

ColorTagGen is a simple application that generates HTML/CSS tags from a color. ColorTagGen lets you use the MacOS color picker to pick a color. It displays the Red/Green/Blue (RGB) values and the HTML/CSS to be inserted into your web page. It allows you to pick from the 4 possible ways of specifying the color in the CSS Spec. It tells you if the color is web safe or a unix color.

Ratings and Reviews

4.5 out of 5
25 Ratings

25 Ratings

gore rio ,

Simply Useful

Useful.. but if there's a CMYK conversion, become very useful!

2oh1 ,

Not bad

It's free, and it works. I wish it had the option to ONLY copy the numbers and letters for css colors rather than also copying the # sign because I can't copy and paste straight into photoshop. That's annoying.

Also, the app's design is mostly garbage. It's two clunky windows that could easily be combined, and it should automatically switch to the magnifying glass when a user is outside of one of those two windows.

So, the app could be much better... but it's free and it works.

MasPollo ,

Great! (Just 1 comment…)

It does what I need it to!
The only thing that it lacks is the color picker window should be integrated into the main window. Currently I have to drag two windows around instead of one. And overall the app would look cleaner with only 1 window.


Ron Davis
301.7 KB

OS X 10.6 or later



Age Rating


  • Family Sharing

    With Family Sharing set up, up to six family members can use this app.