Colir

This tool works on desktop for now. Please visit on a desktop or laptop computer.

help_outline

How to Use Colir

Curves

Colir uses two curves (X and Y) to control the gradient. Switch between them using the X and Y tabs at the top.

Adding Points

Left click on a curve to add a new control point at that position.

Removing Points

Right click on a point to remove it from the curve.

Moving Points

Click and drag any point to adjust the curve shape. The active point will glow white and be slightly larger.

Gradient Stops

Click on the gradient bar to add color stops, or drag existing stops to reposition them. Click a stop to select it and change its color.

Randomize

Use the Randomize button to generate random curves, colors, and settings. Individual randomize buttons are available for colors and curves.

Need Help? help@colir.space

Curated Templates

Log in

or
Forgot password?
Don't have an account? Sign up

Export Gradient

5 exports left for today

Need unlimited exports? Upgrade to PRO ($7/mo or $49 perpetual)

Upgrade to PRO

You've used your 5 free exports today. Upgrade to PRO for unlimited exports and commercial use.

$7/mo

Subscription

$49

Perpetual license

PRO includes:

  • Unlimited exports
  • Commercial use license
  • Access to beta features
Upgrade — $7/mo Get Perpetual — $49

You’ll be taken to pricing to complete checkout.

Welcome to
Colir PRO