Online Color Picker and Color Conversion Tool

Just a few hours ago I finished and deployed my new online service and very first endeavor in the interesting world of colors and color theory. Say hi to AcidJs.ColorConverter!

Features:

• Native HTML5 color picker.
• Color conversion to and from HEX, RGB, HSL, CMYK, HSV,  etc.
• Color tints, tones and shades.
• CMYK and RGB color charts, powered by Google Charts.
• Inspirational color schemes.
• Detailed information about the selected color.
• Option to save the raw JSON data, containing the details of the selected color.
• About 900 named color equivalents.

Built on top of HTML5 WebComponents (AcidJs.XTabs and AcidJs.XOverlay), and utilizing Object.observe() and the (not-so-new) input “color” type (sorry, no fallback for browsers, which do not support it and that’s on purpose!) and using the data from the brilliant ColorHexa service, which I transform to JSON via the REST API running on my server.

Screenshots:

The color picker:

Raw data viewer:

RGB and CMYK color charts

Color conversions table

Advanced view – shades, tints, tones and schemes

Editor tab

Check it on this page and have fun!

If you share the same interest towards HTML5 Web Components as I do these days, make sure you read my relevant blog posts and further endeavors on my HTML5, CSS3 and JavaScript Experiments and Insight website.