Gradient Generator v2

What it does

Create & export linear, radial, & conic gradients. Automatically creates vivid, colorful gradients in 8 different color spaces. One-click CSS or SVG (drag-and-drop into Figma, Sketch, Canva, etc).

Create & export linear, radial, & conic gradients. Automatically creates vivid, colorful gradients. One-click CSS or SVG (drag-and-drop into Figma, Sketch, Canva, etc).

Your design tool is making your gradients look worse 😬. Whenever you try to create a gradient across a wide range of hues in Figma, Photoshop, etc, you often will see a gray dead zone in the middle of your gradient. Here's an example: If you want your gradient to avoid the dreaded gray dead zone, you have to interpolate by drawing a biiiig curve from A to B (not a straight line). ANNND this tool does that in 8 different color spaces – 6 of which are “perceptually uniform”. Why does perceptually uniform matter? It prevents your gradients from “banding”, i.e. having noticeably darker or brighter stripes along the length of the gradient. Here’s what that looks like: Currently, you can create…from learnui.design

• 
  Gradient Generator2021 · learnui.design · ▲78

  Create perceptually smooth gradients of all types

• 
  CSS Gradient Generator2024 · cssgradientgenerator.com · ▲237

  Generate and make beautiful colors

• 
  CSS Color Gradient Generator2020 · mybrandnewlogo.com · ▲208

  A novel and easy way to design beautiful color gradients.

• 
  Gradienty2015 · gradienty.xyz · ▲100

  Gradient generator and gallery updated hourly

• 
  Gradients.app2023 · gradients.app · ▲106

  Сreate gradients, palettes, color combinations & more

• 
  Not Another Gradient Generator2021 · doodad.dev · ▲5

  Create complex layered color gradients for the web

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲222

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Wordware▲9,848

  Your tool for building AI agents with natural language

  AI · 2024 · wordware.ai

• 
  If YouTube had actual channels▲2,741

  If Youtube had actual channels.

  Life & fun · 2024 · ytch.xyz

• 
  Me.bot▲1,627

  The inspiring companion for your life

  AI · 2024 · me.bot

• 
  Upmetrics AI▲1,197

  Business plan & financial forecast using AI

  Work · 2024 · upmetrics.co

• 
  Jupitrr AI▲1,195

  Jupitrr AI turns raw talking videos into scroll-stopping content for coaches and consultants. Research, script, record, edit, and publish in one app.

  AI · 2024 · jupitrr.com

• 
  InstantDB – A Modern Firebase▲1,145

  Hey there HN! We’re Joe and Stopa, and today we’re open sourcing InstantDB, a client-side database that makes it easy to build real-time and collaborative apps like Notion and Figma. Building modern apps these days involves a lot of schleps. For a basic CRUD app you need to spin up servers, wire up endpoints, integrate auth, add permissions, and then marshal data from the backend to the frontend and back again. If you want to deliver a buttery smooth user experience, you’ll need to add optimistic updates and rollbacks. We do these steps over and over for every feature we build, which can…

  Dev tools · 2024 · github.com