Autumn.js Color Profile Demo

This page demonstrates how Autumn can be configured with the init function. The drop downs below correspond to the properties of the options object taken by init.

The most important property of options is a 'colorProfile.' A color profile is a combination of a color space, a range of saturation, and a range of lightness. The out of the box profiles are demonstrated below.

init() options

hueScale: 1 .75 .5 .333333 .166666
hueCenter: 0 30 60 90 120 150 180 210 240 270 300 330
generator: halton primeWalk

---

Display options

Background: white grey black
Text: white black

default(husl, S:90-100, L:50-85)

hsldefault(hsl, S:65-95, L:45-75)

dark(husl, S:80-100, L:30-60)

light(husl, S:70-100, L:60-90)

pastel(huslp, S:60-100, L:60-90)

wide(husl, S:50-100, L:30-85)

superwide(hsl, S:30-100, L:20-90)

saturated(hsl, S:100-100, L:40-70)

greyscale(hsl, S:0-0, L:15-85)