Colour

View text contrast through different vision and lighting simulations.

Explore named colours and turn selected values into gradient steps.

Shape multi-step colour scales with curves, locked colours and code exports.

Build CSS background layers with visible sizing and gradient code.

Search palette ideas by theme or hex value and export the colours

Check colour pairs, sample an image and collect results for a PDF.

Five-colour palettes drawn from named paintings and their artists

Pick a physical screen pixel and paste a colour value in your code style

Browse compact four-colour combinations with visible hex values

Browse curated palettes by colour, mood, season and popularity.

Compare how six picker models organize colour choices.

Collect screen colours and hand palettes to Mac design tools.

Compose linear, radial or conic gradients and copy the CSS.

Create colourful background images from several visual generators.

Compare text contrast with its size, weight and colour direction in view.

Named gradient references with colour values and a companion Chrome tool

Build palettes from community choices and carry their credits into exports.

Balance colour distinction and visual preference for categorical charts.

Build colour-profile transformations into imaging software.

Browse named CSS colours beside their values and aliases.

Check text and interface contrast with transparency and lightness controls.

Choose a React colour picker or compose one from building blocks.

Share colour configurations and transforms across visual production tools.

Control gradient colour positions and the transitions between them.