Free Online Tools for Designers

Quick helpers for UI, web and graphic designers: placeholder text for mockups, color conversions, contrast checks and CSS snippets.

No uploads and no accounts. Open a tool, get the value, and get back to your design.

17 live toolsAll free, all private

Ready to use

Aspect Ratio Calculator

Find the aspect ratio of any size and work out new dimensions that keep the same proportions.

Color Converter

Convert colors between HEX, RGB, HSL, HSV and OKLCH, with a picker and contrast check.

Color Palette Generator

Build shade scales and harmonious palettes from one color, then export them as CSS or Tailwind.

Contrast Checker

Check text and background colors against WCAG AA and AAA, and get passing color suggestions.

CSS Gradient Generator

Design linear, radial and conic gradients with a live preview and copy the CSS.

CSS Tooltip Generator

Design pure CSS tooltips with a live preview, then copy lightweight HTML and CSS.

Device Screen Sizes

Viewport sizes, pixel ratios and exact aspect ratios for phones, tablets, laptops and monitors, from 320px up.

Fancy Text Generator

Turn plain text into bold, italic, script, bubble and other Unicode styles to copy and paste.

Favicon Generator

Turn an image, letters or an emoji into a complete favicon and app icon set.

HTML Viewer

Paste or write HTML and CSS and see a live preview as you type, at any screen width.

Image Compressor

Shrink JPG, PNG and WebP images in your browser, with a before and after comparison.

Image Resizer

Resize images to exact pixels, a percentage, or social media sizes, without uploading them.

Lorem Ipsum Generator

Generate placeholder text by paragraphs, sentences or words for mockups and layouts.

PX to REM Converter

Convert px to rem and back, with a conversion table and whole-stylesheet conversion.

QR Code Generator

Create QR codes for links, text, Wi-Fi and email, then download as PNG or SVG.

What Is My Screen Size

Instantly see your screen resolution, browser viewport, pixel ratio and aspect ratio, updated live.

White Screen Light

Turn a spare screen into a soft light for video calls, with full, half screen and ring light modes.

Designers: common questions

Can I use generated content in client work?

Yes. Output from these tools, such as placeholder text or color values, is yours to use in personal and commercial projects.

Are images uploaded when I use image tools?

No. Image tools process files inside your browser, and the files never leave your device.