Search Ask

Makeroom

RegisterLogin

Discussion

General
Show-off
Tech
Programming
Photos

Library

Chevron Right Icon
Design
Resources
Websites
Chevron Right Icon
Web development
Cool Libraries
Tools
Resources
Papers and Studies
Language Models
Chevron Right Icon
Random fun stuff
Esoteric File Systems
Cool websites
Chevron Right Icon
Storyden
Selfh.st
OpenAlternative
Microlaunch
Peerlist
Glama.ai
AlternativeTo
Brandfetch
 Collections Links Members

Makeroom

Icon

A small rag-tag assortment of makers, engineers and designers sharing mentoring, support and projects to work on at any stage in their career.

Join our Discord server!


Welcome to the Makeroom installation of Storyden!

This acts as a live demo of Storyden's forum and library software. On this site you'll find a curated collection of web and design resources as well as anything our members share.

Feel free to participate, this may be a demo but it's never wiped. That being said, Storyden is in active development and we encourage you to experiment respectfully as well as report any security issues you find to @Southclaws or by opening an issue.

Have an amazing day!

powered by storyden

Login
Library
rampensau

Generate HSL Color Ramps with RampenSau

RampenSau is a compact and efficient JavaScript utility designed to create dynamic color ramps using curves within the HSL (Hue, Saturation, Lightness) color model. Written in TypeScript and completely free of dependencies, it emphasizes performance and simplicity—making it an appealing tool for developers and designers seeking fine-tuned control over color transitions in their projects.

What sets RampenSau apart is how it interprets and renders curves to produce visually appealing gradient sequences. Users can define how colors shift over a spectrum, allowing for nuanced palettes tailored to specific aesthetics or data visualization needs. The function's curve-based generation unlocks possibilities that go beyond linear interpolations, offering more expressive and balanced control over hue, saturation, and light transitions.

Although lightweight, RampenSau offers a variety of input options and customization parameters, enabling users to preview and tweak their color ramp configurations directly. Whether integrated into a design system, used in charts and dashboards, or explored for experimental visuals, this tool presents a flexible, code-friendly approach to working with HSL-based gradients.

RampenSau — Color ramp generator using curves within the HSL color model

RampenSau is lightweight, dependency free and fast JavaScript function written in TypeScript. It generates color ramps based on a curve within the HSL color model. This page serves as preview for the variety of options the function takes.

meodai.github.io