gradient-scanner

Select Image

Open an image that contains a gradient and then draw a line over the major components of the gradient.

Image

*

Local files are only supported on browsers that support the File API. If supported a browse button will appear next to the text box.

Due to the security requirements of the canvas API, remote URLs will be proxied through this server. Any URLs that require authentication to access will not be available.

:

Adjust Color Sensitivity

Use the slider to adjust the sensitivity of the color matcher.

Edit Gradient

Manually adjust the color stops as necessary.

Color:

Position:

Disable Color Stop