Tools

Tools for studying and building the web.

Six focused tools, one design language. Each owns a single job. Free, no signup, everything runs in your browser.

Chromary

Color dictionary

Search named colors by name or HEX, find perceptually nearby matches, and compare how different sources define the same name.

Open tool

TransformLive

Colorhyme

Precision color transformer

Start with one color. Shift its hue by exact degrees, tune saturation and lightness, and copy repeatable color recipes.

Open tool

BuildLive

WebPalette Studio

Website color-system builder

Keep your brand colors and complete the full website palette around them — semantic roles, contrast checks and CSS export.

Open tool

PreviewLive

Mockupalettes

Website palette preview

See any 4-colour palette on a full website mockup. Map primary, secondary, accent and dark roles, then compare directions in context.

Open tool

InterpolateLive

TrueGradient

OKLCH gradient tool

Compare the same gradient stops in sRGB and native OKLCH, inspect the hue route, and copy production-ready CSS.

Open tool

TestSoon

Palette Checker

Role & contrast testing

In progress — coming soon.

Not free SEO widgets — a connected set of design instruments that share a shell, so a colour can travel from one to the next without leaving the language.

Browse the archive Explore categories

Keep exploring

More from the archive.

Browse the archiveSearch every published website.Explore categoriesSee how each industry designs.JournalNotes on how the web is designed.2026 Design IndexWhat the archive is measuring.Submit a siteNominate a reference for review.About the archiveHow we study websites.