Download the Hex2RGBA Mac OS X Widget

I can’t say there’s very much to it. All you need to do is type in your hexadecimal (Hex Value) value and the opacity percentage (0 – 100), click the convert button, and the widget will automatically compute the equivalent RGBA (Red, Green, Blue, Alpha) value. This is great for web developers working with applications like Photoshop or Illustrator who are constantly copying and pasting hex color values into a text editor for their web development. The advantage of using RGBA over just the hex value is due to the “A” (Alpha) in RGBA. By modifying that value, you can set the level of color opacity on whatever object you’re dealing with. This can be applied to any CSS property that can accept a hex/RGB/RGBA values such as background-color, border-color, color (for text), etc.

If you have any questions or run into any bugs, give me a shout Twitter @EricMasiello.

How to Install

Mac OS X 10.4 Tiger is required. If you’re using Safari, click the download link. When the widget download is complete, Show Dashboard, click the Plus sign to display the Widget Bar and click the widget’s icon in the Widget Bar to open it. If you’re using a browser other than Safari, click the download link. When the widget download is complete, unarchive it and place it in /Library/Widgets/ in your home folder. Show Dashboard, click the Plus sign to display the Widget Bar and click the widget’s icon in the Widget Bar to open it.