Place Itten
Placeholder images for your mockups — generated on the fly from
Johannes Itten's color theory : his 12-hue wheel and
his seven color contrasts. A successor in spirit to placekitten,
swapping cats for the Bauhaus.
Read the color theory behind it →
How to use it
/200x300 — a 200×300 PNG.
/200 — shorthand for a 200×200 square.
/200x200?seed=anything — pick a different palette; the same seed always returns the same image.
/200x200?contrast=complementary — force one of Itten's
contrasts: hue, light-dark,
cold-warm, complementary,
simultaneous, saturation,
extension.
Drop it straight into an <img> tag or any CSS background-image.
The seven contrasts
contrast=hue
contrast=light-dark
contrast=cold-warm
contrast=complementary
contrast=simultaneous
contrast=saturation
contrast=extension
?seed=surprise
Named after Johannes Itten (1888–1967), Bauhaus master
and author of The Art of Color . Every image is generated from
his color wheel and contrasts — no two seeds alike.
© 2026 Vincent Bruijn ·
MIT License