🎨

Design & Creative

Color, typography, aspect-ratio and print-resolution converters for designers.

Pixels to cm / Inches Converter (Print DPI)
Convert pixel dimensions to physical print size at any DPI/PPI, with bleed and safe-zone helpers.
Typography Scale Generator (Modular Type Scale)
Generate a modular type scale in rem, px and em from any base size and ratio, with line-height pairs.
Color Converter — HEX, RGB, HSL, OKLCH & Contrast
Convert any color between HEX, RGB, HSL, HWB, OKLCH and LCH, with WCAG contrast checking against any background.
Aspect Ratio Resizer (Image, Video, Social)
Resize any dimensions while keeping aspect ratio, with presets for Instagram, TikTok, YouTube and cinema formats.

What these tools are for

Design conversions fail at the boundary between a physical measurement and a digital one. Pixels have no size until you fix a resolution, so "1000 px wide" is a poster or a postage stamp depending on whether you print it at 72 or 600 DPI. Anything heading to print needs that decision made explicitly.

Typography has the same problem in miniature: a point is a physical unit, a CSS pixel is not, and a modular type scale only holds together if each step is a consistent ratio rather than a rounded number someone liked. Colour adds a third axis, since the same values mean different colours in different spaces and a conversion between them is lossy in ways that matter for brand work.

Aspect ratio is the one people most often get right in principle and wrong in practice — cropping to a ratio and scaling to a size are different operations, and doing them in the wrong order loses pixels you wanted to keep.

Which one do I want?

Sizing an image for print: Pixels to physical size, which needs a DPI to work from.
Building a consistent set of heading sizes: Typography scale.
Resizing to a target ratio: Aspect ratio resizer.