Skip to content
Tools

Free color and gradient tools

Turn an image into a gradient, build multi-stop gradients, make palettes, and convert Photoshop .grd files. Everything runs in your browser. Copy CSS free; sign in to export GRD and PNG.

Image to gradientDrop an image and pull a gradient off it with draggable sample handles.Gradient builderBuild linear, radial, diamond, angle, and reflected multi-stop gradients.Palette builderStack colors and export the set as a palette or a gradient.GRD parserUpload a Photoshop .grd file and read every gradient as CSS and hex.CSS to GRDPaste a CSS gradient and export a Photoshop .grd file.Gradient buttonsCopy-paste modern gradient button styles: CSS and HTML.