Measure it visually.
Copy the exact value.

Each instrument combines focused controls, immediate preview, copyable output, downloadable files, and a reliable reset.

Accessible Color Lab

Check a text and surface pair, then copy ready-to-use custom properties.

Mix two stops and an angle into a resilient CSS gradient.

Tune offset, blur, spread, and color with immediate visual feedback.

Measure a consistent corner scale and copy the resulting tokens.

Generate a fluid modular type scale from a base size and ratio.

Build responsive column and gap values while watching the layout react.

Test alignment, distribution, direction, and spacing in one instrument.

Create a clean title, description, canonical, and social-card starter.