Atmos
atmos.styleBuild interface colour scales with shade curves and contrast targets.
Build interface colour scales with shade curves and contrast targets.
See curated palettes applied to page elements and copy their hex codes.
Inspect colour values and CSS examples, then browse community palettes.
Use colour schemes and colour-space operations in D3 projects.
Inspect a colour, compare approximate matches and build a gradient.
Use NCS notations and tools to communicate colour choices.
Browse compact four-colour combinations with visible hex values
Create related palettes and CSS gradients from existing colour values.
Convert and interpolate colours through an extensible Python object.
Collect a palette with a magnifier and adjustable sampling area.
Find a shared palette, generate one from words or scan an image.
Build palettes, gradients and light or dark interface themes.
Connect browser colour picking with shareable palettes and scales.
Add a configurable colour and opacity picker through a web input attribute.
Turn a text description or photograph into a colour palette.
Model paint-like colour mixing in a JavaScript application.
Add a jQuery colour control with palettes, transparency and saved choices.
Cycle through palettes with adjustable hue, lightness and interpolation.
Reshape colour relationships on a grid and export reusable LUTs.
Build colour scales around shared lightness levels and contrast checks.
Calculate colour from spectral samples and compare the results in Python.
Look up colour values, compare schemes and calculate blends.
Shape multi-step colour scales with curves, locked colours and code exports.
Explore historical colour names through swatches and natural examples.