AnyGradient
Gradient generator with OKLCH interpolation & Display-P3
18 followers
Gradient generator with OKLCH interpolation & Display-P3
18 followers
AnyGradient supports OKLCH interpolation, Display-P3 wide-gamut colors, multiple gradient layers, customizable noise, image-to-gradient conversion, and a growing collection of ready-made backgrounds. Designers can explore and customize rich visual compositions, while developers can export the same gradient for web, mobile, canvas, vector, and image workflows. Create once, then use the result across CSS, Tailwind, React, React Native, SwiftUI, Android, Flutter, Figma, PNG, WebP.
Free
Launch Team / Built With
Render: Get up to $100K in startup creditsThe fastest way to launch and scale your startup in the cloud
Promoted
OKLCH interpolation is a really underrated feature, glad someone finally built a tool around it. The image-to-gradient conversion surprised me with how accurate the color extraction turned out.
@fcalapverd79575 Thanks so much! OKLCH interpolation was one of the main reasons I built Anygradient, so I’m really glad you noticed it. Great to hear the image-to-gradient conversion worked well for you. Spent a lot of time refining the color extraction.
The noise settings and the option to export to Display-P3 are very well implemented. We would ask the developers to add the ability to export code to the Styled Components library in the next update.
@maxdmtrev Thanks! Styled Components would fit nicely alongside the existing React exports, it's a good idea, definitely worth adding.