send link to app

Cocoa Color - CSS, Mac and iOS color and gradient app.

For a video demo, please visit www.delsolsoftware.com/cocoacolor/index.html

CocoaColor is a color finder for CSS, Mac, and iOS development.

CocoaColor provides a much more robust interface for color picking, including CSS HSLA controls.

You can copy CSS color code as:
rgb(187, 109, 96)
rgba(187, 109, 96, 1.000)
rgb(73.6%, 43.0%, 37.8%)
rgba(73.6%, 43.0%, 37.8%, 1.000)
hsl(9, 40%, 56%)
hsla(9, 40%, 56%, 1.00)

Copy CSS Gradient code for modern browsers with multiple colors and stops:
-webkit-linear-gradient
-moz-linear-gradient
-ms-linear-gradient
-o-linear-gradient
linear-gradient

You can copy Mac color code for:
NSColor
UIColor
CGColorRef

Use CocoaColor to pick your color. Then you can paste your color code into your CSS or Mac source files.

Pick your CSS gradients and Mac gradients too.

CocoaColor allows you to edit and tweak your gradients to perfection. Then copy the code to create that gradient in CSS or Mac and iOS development environments. You can save your gradients by dragging them to the gradient swatch right above the gradient editor.

To see what a color looks like in your source files, simply copy the CSS, Cocoa, or iOS color code and then hit the button "Color From Clipboard" to easily view and adjust that color.