Media query builder

Color & CSSClient-side

Build CSS media queries.

Loading tool…

About this tool

Build CSS media queries. This tool runs entirely in your browser using client-side APIs. Nothing you paste or upload is sent to a server.

No uploadsNo accountMore Color & CSS tools

Related tools

Color converterConvert colors between HEX, RGB, HSL, HWB, LCH and OKLCH.WCAG contrast checkerCheck WCAG contrast ratios.Color palette generatorGenerate a color palette from a base color.Tailwind color scale generatorGenerate a Tailwind 50–950 color scale.

More in Color & CSS

Color converter

Convert colors between HEX, RGB, HSL, HWB, LCH and OKLCH.

WCAG contrast checker

Check WCAG contrast ratios.

Color palette generator

Generate a color palette from a base color.

Tailwind color scale generator

Generate a Tailwind 50–950 color scale.