Useful Hacks

Color & Design Tools

Visual builders for everyday CSS and design work — gradients, shadows, border radius, an on-screen color picker and a WCAG contrast checker, each with live preview and copyable code.

Featured

Contrast Checker

Popular

Check WCAG contrast ratio between two colors.

Popular design tools

Color Picker

Popular

Pick a color from anywhere on your screen, or enter one manually.

Gradient Generator

Popular

Build a linear or radial CSS gradient with live preview.

Contrast Checker

Popular

Check WCAG contrast ratio between two colors.

All design tools

Color Picker

Popular

Pick a color from anywhere on your screen, or enter one manually.

Gradient Generator

Popular

Build a linear or radial CSS gradient with live preview.

Contrast Checker

Popular

Check WCAG contrast ratio between two colors.

Shadow Generator

Build a CSS box-shadow with live preview.

Border Radius Generator

Build a CSS border-radius, with independent corners.

Related categories

Developer PDF Image Finance

Search tools

Search for any tool by name, category or keyword