Generate a color ramp — a stepped sequence of colors going from shadow to midtone to highlight — from a single base color. Color ramps are used to shade pixel art and to build UI and design color scales (tones). Pick a base color, set the number of steps (3–16), the lightness range, the hue shift, and the saturation change, and you instantly get a usable ramp. Everything is computed in HSL (hue, saturation, lightness): the lightness of each step is spaced evenly, and the hue is rotated slightly toward the dark and light ends (hue shift). This is the classic pixel-art technique of shifting highlights toward warmer hues and shadows toward cooler ones, which gives lively, non-flat shading instead of a dull lightness-only ramp. The saturation control lets you make shadows more vivid or highlights more muted to taste. Using an odd number of steps places the base color exactly in the middle. Once a ramp is ready, click any swatch to copy its HEX code, use "Copy all" to grab the whole list, or "Download PNG" to export it as a strip image you can import as a palette into Aseprite, GIMP, Photoshop, Figma, and more. It's handy for building per-material ramps (skin, metal, cloth) for pixel art, keeping game assets consistent, or laying out design tokens (color steps). Generating, copying, and saving all happen locally in your browser — the colors you choose are never sent anywhere.