Methods for random gradients
justinjay.wang · 806 words · saved by 1 readers
An overview of techniques I’ve used to generate random gradient images.
Tue, 19 Nov 2024 Over the years — including during my time at OpenAI — I’ve experimented with different methods for generating random gradient images. These include: Heightmap Layered radial AI-generated Heightmap Randomly generated gradients were an essential element of OpenAI’s early visual identity, designed by Ben Barry in 2017. His earliest generator randomly picked four corner colors and interpolated between them. After I joined Ben at OpenAI in 2018, I began exploring more ways to create gradients programmatically. An engineer friend suggested using heightmaps : grids of cells, each con
related reading
- Gradientor - A minimalist, beautiful Radial Background Generatorgradientor.app
- JAPANESE GRADIENTS [FOR UI]™japanesegradientsforui.com
- Paper Shaders – Ultra-fast zero-dependency shadersshaders.paper.design
- Beautiful Generative Gradient Avatars for Reactavatars.outpacestudios.com
- Tailwind CSS Colors - All colors + Custom color generatoruicolors.app
- Easing Gradientslarsenwork.com
- Shadersshaders.com
- DESIGN.md Examples for AI Agents | Refero Stylesstyles.refero.design
- Dia Browser's gradientarlan.me
- Lab: Grayscale with Temperaturebaytas.net
- RandomA11y - Accessible Color Combinationsrandoma11y.com
- Replicate - Run AI with an APIreplicate.com