Colour

Browse official RAL colour families, codes and names.

See how traditional Sass colour adjustments transform a starting swatch.

Preview palette ideas on objects, text and sampled image colours.

Use continuous and categorical colour maps in Python visualizations.

Parse flexible colour input and generate conversions, adjustments and harmonies.

Look up colour values, compare schemes and calculate blends.

Measure a display, create its colour profile and verify the result.

Generate interface themes from target contrast ratios and colour scales.

Apply an image’s dominant colour to its surrounding web element.

Sample a foreground and background pair and copy its contrast report.

Build measured colour profiles with a documented command-line toolkit.

Choose numbered shades whose separation indicates minimum contrast.

Shape colour transitions and copy a multi-stop CSS gradient.

Adjust text and background colours while checking their contrast.

Find named, community-contributed gradients for design and code.

Arrange swatches and interpolate between colours in a browser workspace.

Sample an image and copy colours in common design and code formats.

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

Build colour tools with JavaScript objects, conversions and gamut controls.

Find official colour-management specifications, registries and technical resources.

Use named colour levels across interface code and design swatches.

Recover exact sprite colours or reduce an image to a smaller palette.

Explore acrylic or oil mixtures using the paints in your palette.

See curated palettes applied to page elements and copy their hex codes.