GradientFinder

About:

Gradient Finder is an entirely in browser way to convert an image to its CSS gradient. You can also generate CSS gradients and make changes to the files you choose!

It was written by Aaron Marasco and Brian Grinstead

It was (partially) inspired by pngtocss. The main things that are different about GradientFinder is that it accepts more image types than pngs, it accepts arbitrary angles, and it can run in your browser!

Open Source:

The GradientFinder library is open source. To use it, include the script like so:

<script type="text/javascript" src="gradientfinder.js"></script>

Javascript View on Github

Methods:

The following methods are exposed from the global GradientFinder object.

GradientFinder {
    fromUrl: function(url, onload),
    fromCanvas: function(canvas)
};

Returns:

This is the signature of the methods exposed from the return object.

Gradient {
    stops: [ array ],
    angle: integer,
    toCss: function() // returns String
};