Gradient Mesh Generator

Concept

A browser-based tool for generating mesh gradients similar to those in Figma or design tools, but with real-time manipulation and export options.

Process

Uses HTML Canvas with Bezier curves and color interpolation algorithms. Control points are draggable, and colors blend using perceptually uniform color spaces (OKLCH).

Learnings

• OKLCH produces more pleasing gradients than RGB interpolation
• Canvas performance is excellent even with complex mesh calculations
• Export to CSS is limited; SVG filter approach works better for web use