Screenshot of the tool open in Safari and the browser chrome matches the colors of the gradient.
A cartoon skull with a hotpink hat on.1 min read

A next-gen HDR CSS gradient builder

csstools
4,944 views · 10 active

Still a lot to do but also already offering a lot to learn! So stoked to release this for public availability 🤘🏻💀

get started #

Try the tool at https://un5q19dzhf5z0.julianrbryant.comyle

Joining the Discord channel:

  • ask questions
  • give feedback
  • request features
  • get help

cross browser #

It's a little ahead of it's time, as Firefox doesn't fully support all the features yet, but it will and this tool is worth investing time into now.

special features #

Learning opportunities for:

  • double position syntax
  • transition hints
  • wide gamut color picking
  • hue interpolation methods
  • linear angle keywords
  • radial size keywords

Hope it helps you as much as it's already helped me!