# AnyGradient

> Free online gradient generator with OKLCH and Display-P3 wide-gamut colors, perceptual interpolation, noise textures, and export-ready code for CSS, Tailwind, React, React Native, SwiftUI, Android, Flutter, Figma, Canvas, Images.

AnyGradient uses OKLCH color space for perceptually uniform interpolation, avoiding the muddy midtones common in sRGB-based gradient tools. All gradients support Display-P3 wide-gamut output with automatic sRGB fallback for broader browser support. Multi-layer composition (linear, radial, conic, solid) and procedural noise textures are supported natively in the editor and in exported code. A completely free tool.

## Tools

- [Gradient Generator](https://anygradient.com/gradient-generator): Build multi-layer linear, radial, conic, and solid gradients with live preview, color stops, noise, and one-click export.
- [Image to Gradient](https://anygradient.com/gradient-generator?open=image-to-gradient): Extract editable gradients from images.

## Catalog files

- [Full reference](https://anygradient.com/llms-full.txt): Same content as this file, with every gradient background and collection expanded inline.
- [All gradient backgrounds](https://anygradient.com/llms/backgrounds.txt): Full list of public gradient pages with descriptions.
- [All collections](https://anygradient.com/llms/collections.txt): Full list of indexable collections.

## Pages

- [About](https://anygradient.com/about): What AnyGradient is and why it was built.
- [Contact](https://anygradient.com/contact): How to reach the AnyGradient team.
- [Privacy Policy](https://anygradient.com/privacy): How AnyGradient collects and uses data, including cookies and advertising.
- [Terms of Service](https://anygradient.com/terms): The terms that govern use of AnyGradient.

## Optional

- [Sitemap](https://anygradient.com/sitemap.xml): Full indexable URL list for crawlers.