CSS Gradient Fixer

What it does

As is tradition, CSS does colour interpolation totally wrong. This article does a good job of explaining why. CSS Color Module Level 4 will hopefully save us from this mess, by offering colour interpolation in CIELAB space, among other niceties. In the meantime, this tool can be used as a workaround to get prettier gradients. In fact, we can do slightly better than CIELAB, with Oklab . How? It's quite simple - we add extra colourstops to the gradient, with correctly interpolated color values. The more we add, the closer we get to our intended gradient. My gradient string parsing code is a bit fragile ( PRs welcome ). It only works for inputs that match the pattern [colour 0] [percentage 0],…from da.vidbuchanan.co.uk

• 
  CSS Gradient2018 · cssgradient.io · ▲410

  A simple, colorful gradient generator

• 
  Colorful Gradients2014 · ▲72

  1 CSS Gradient Background per second.

• 
  GradientDaze2017 · ▲186

  Gesture based gradients never felt so good

• 
  Blend 2.02016 · colinkeany.com · ▲110

  Create and customize beautiful CSS3 gradients

• 
  Grade2016 · benhowdle.im · ▲112

  Complementary gradients generated from images

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

  A novel and easy way to design beautiful color gradients.

• 
  SimCity, but with Permits▲887

  A free city-building game in your browser. You are the mayor. You know what the city needs. Now get it past the zoning board, the neighbors, the appeals court and the next election.

  Life & fun · 24h ago · permit.petercai.com

• IV
  I've been paying for a rural Tanzanian's education for 10 years▲778

  Life & fun · 13d ago · tanzaniaeducationproject.org

• 
  Bigwords.page – Turn any screen into a sign. The URL is the app▲728

  Turn a phone, tablet or TV into a sign. Type a message and it fills the screen: welcome signs, timers, Wi-Fi passwords and more. No app, no account, free.

  Life & fun · 14d ago · bigwords.page

• 
  Guitoro, a virtual guitar you strum with your keyboard▲573

  Play a free virtual guitar online with your keyboard or by touch. Slow songs down and see every chord, string and strum. Acoustic, classic, electric and bass.

  Life & fun · 8d ago · guitoro.com

• 
  See *almost* any carriers phone settings▲432

  Carrier settings from iPhone, Pixel and Galaxy firmware, decoded and compared: APNs, VoLTE, 5G and Wi-Fi Calling per carrier, and what each build changed.

  Life & fun · 12d ago · carrierexplode.com

• 
  The whole Solar System and every tracked satellite, live in the browser▲407

  Life & fun · 22d ago · space.bl2.net

• 
  Typedream▲1,426

  No-code site builder, easy as Notion, pretty as Webflow

  Dev tools · 2021 · typedream.com

• 
  tl;dv for Google Meet▲1,059

  Catch up on meetings in minutes

  Work · 2021 · tldv.io

• 
  Hyper Founder Program▲811

  An 8-week founder program inspired by Product Hunt

  Life & fun · 2021 · hyper.com

• 
  Open Source Alternatives▲804

  200+ open source alternatives to popular B2B tools

  Dev tools · 2021 · btw.so

• 
  Static.wiki – read-only Wikipedia using a 43GB SQLite file▲796

  Het beste casino zonder vergunning voor Nederlandse spelers kiezen? Ontdek waar je op moet letten en hoe je een betrouwbaar platform vindt dat aansluit bij jouw voorkeuren.

  Life & fun · 2021 · static.wiki

• 
  Sessions▲794

  Not just another video conferencing tool

  Work · 2021