Gradient Paths
Bend gradients through color space, then copy CSS
Get picks like this daily. Today's launch numbers, the top launches, AI and tech news, and a daily opportunity pick, straight to your inbox.
Want to reach these readers? Sponsor an issue.
See your gradient as a path through OKLab, OKLCH, HSL and more, in 3D. Curve it with arcs, Béziers or splines to skip the muddy middle, space the stops by perceived difference, and copy the CSS. Free, no sign-up.
PH · launched Oct 20, 2026 · 1 upvote (top 67%) · 0 views
Niche: color palette generator software · 46 launches, 5 in the last 7 days · Explore this niche →
Category and tags
- Horizontal
- Dev tools
- Developer
- Not AI
- Hobby / open-source project
- Design Tools
- GitHub
Visit website ↗ Source listing ↗
More like this: all 46 launches in color palette generator software →
Could you build this?
Yes A 3D gradient visualizer with OKLab, OKLCH, and HSL conversions and Bezier or spline curves is a math-and-WebGL/three.js project. The color math is published and well understood.
Competitors
Other products that read as similar to this one : 155 launches clear the similarity bar, closest 8 shown.
Attention rank: #96 of 156 (itself plus its competitors, highest first, normalized so YC and Product Hunt are compared fairly).
Launched 351 days after the earliest competitor.
- Mesh Gradient Studio · ph · 2026-11-04 · 2 upvotes · similarity 0.52
- The Color Sheet · ph · 2026-11-09 · 2 upvotes · similarity 0.46
- CSS clip path generator · ph · 2026-09-08 · 2 upvotes · similarity 0.46
- Wave · hn · 2026-09-25 · 7 upvotes · similarity 0.45
- ColorPickImage · ph · 2026-11-07 · 1 upvotes · similarity 0.44
- Mr Gradient · ph · 2026-10-01 · 1 upvotes · similarity 0.44
- An OKLCH-based perceptually uniform color system/theme builder · hn · 2025-11-23 · 5 upvotes · similarity 0.44
- gradient-descent-for-a-face · github · 2026-11-11 · 89 upvotes · similarity 0.43
The niche, labels, vibe code rating and competitor comparison on this page are analysis by Nicheloom. If you use them, please credit nicheloom.com. How you may use our data.