Colir
Curve-controlled gradients with texture effects and PNG/WebP export.
Resources
Discover useful things. Build your library. Share your finds.
Tools 10
FluidShader – animated WebGL gradient editor
A free browser tool for animated gradients and dither patterns, with adjustable colors, motion and copyable code.
GradLab — gradient generator with PNG, MP4 and HTML export
A free browser-based gradient generator with 13 algorithms, palettes of up to eight colors, grain, halftone and character-based effects.
Colour Contrast Checker: Check Text and Background Contrast
A free tool for checking text and background contrast, with WCAG AA and AAA indicators, HEX, RGB and HSL controls, and typography previews.
HalftonePro — Halftone Pattern Generator
A browser tool for halftone patterns and textures with adjustable grids, shapes and colors. Free PNG export is available; SVG requires a paid account.
Pattern Monster — Seamless SVG Pattern Generator
A free library of 320+ seamless patterns with customizable colors, stroke width and angle, plus CSS/SVG copy and SVG or PNG export.
Colorsinspo — Color Palettes, Gradients & Design Tools
A free platform with thousands of curated color palettes, generators, gradients, contrast tools, tutorials and other resources for designers.
Brandfetch — Logos, Colors, Fonts & Brand Assets for 50M+ Brands
A large brand asset database for finding up-to-date logos, colors, fonts, icons and company information across millions of brands.
MagicPattern Mesh Gradients — Online Mesh Gradient Generator
An online generator for creating custom mesh and fluid gradients with your own colors, noise effects and SVG, PNG or JPG export.
WhoCanUse: color contrast and vision simulations
A free browser tool for checking text and background contrast, with WCAG grades and previews of different vision conditions and screen-viewing situations.