Total: — Showing: — Schemes: — Favourites: 0
Search
Filters

Loading gradients…

—
Inspector

Click any gradient card to inspect it here.

Select a gradient
Open in Overview →
Preview
CSS
—
Stop Breakdown
Luminance & Contrast
Start L—
Mid L—
End L—
Mid vs White—
Mid vs Black—
Colour Difference (start → end)
ΔE76—
ΔE00—
ΔEOK—
Luminance Profile
ΔE00 Step Profile
CIE 1931 Chromaticity Path
Spectral locus (grey), sRGB triangle (gold dashed), D65 white point, red path = gradient trajectory.
Gamut Comparison
Actions & Export
Batch Export (Filtered Collection)

CSV includes name, scheme, stops, family, luminance class, mean luminance, angle, first/last hex, ΔE00 for each gradient in the current filtered view. JSON exports full gradient data.

Per-Gradient Actions

Click the ⋯ menu on any gradient card in the Lab tab to:

  • Copy CSS — ready-to-paste background-image declaration
  • Copy HEX list — comma-separated hex codes of all stops
  • Copy page link — sharable URL to Gradient Overview with gradient data
  • Open in Overview — deep-link to Gradient Overview for full analysis
  • Download PNG — 800×200 rasterised gradient image
  • Download SVG — vector gradient with <linearGradient>
  • Fullscreen — full viewport preview
  • Favourite — store locally for quick access
Gradient Overview integration

Every gradient in the library can be opened in the Gradient Overview tool for detailed single-gradient analysis — stop editing, advanced metrics, and full-resolution preview.