Tools for Shipping a Design Project
The technical utilities designers reach for — color, contrast, size, format, hand-off.
Designers do the creative work in Figma, Photoshop, or Illustrator. The rest of the job is technical: convert between color formats for a developer hand-off, prove your button colors pass WCAG contrast, generate favicons in the right sizes, resize hero images without opening a heavy app, package deliverables as a single PDF.
The tools below cover those chores. Everything runs locally so your unreleased artwork never uploads to a third party.
Our pick
For WCAG contrast checks, use our Contrast Checker.
AA/AAA verdicts for normal, large, and non-text UI in one view. Faster than the WebAIM checker and shareable via URL.
Open Contrast CheckerColor work
Convert formats, check contrast, blend palettes.
- Color ConverterPaste any color in hex, rgb(), rgba(), or hsl() and get it in every other format instantly. Includes a live swatch and a native color picker.
- Contrast CheckerTest any foreground/background color pair against WCAG 2.2 contrast rules. Shows the ratio, live preview, and pass/fail for normal text, large text, and UI components.
- CSS Gradient GeneratorDesign linear, radial, and conic CSS gradients with unlimited color stops. Live preview and copy the CSS. Share via URL.
- Color Harmony GeneratorGenerate a palette from any base color using 7 classic color-theory schemes: complementary, analogous, triadic, tetradic, split-complementary, square, and monochromatic.
- CSS Color NamesBrowse all 147 CSS3 named colors. Look up a color name from a hex code, or find the closest named color to your custom hex.
- Color Blindness SimulatorSimulate how your colors look to people with color vision deficiency (CVD). Covers all 8 common types — deuteranomaly, protanopia, tritanopia, achromatopsia, and more.
Assets & sizing
Resize photos, generate every favicon size, package images as PDF.
- Image ResizerResize any image to any dimensions and convert to WebP, JPEG, or PNG. Quality slider. Never uploaded — everything happens on your device.
- Favicon GeneratorGenerate favicons from any letter, emoji, or short text. Custom gradient backgrounds. Download every size you need (16, 32, 180, 512).
- Images to PDFTurn one or more images into a single PDF file. JPG, PNG, and WebP supported. Reorder the pages, pick page size and fit mode, download — all in your browser.
Delivery & hand-off
Merge PDFs, package files, share with QR.
- Merge PDFsMerge two or more PDF files into a single document. Reorder pages, remove unwanted pages, and download the result — all in your browser. Nothing is uploaded.
- Split PDFSplit any PDF into individual pages or custom ranges. Extract just the pages you need, then download as separate PDFs. Runs in your browser — no upload.
- Compress PDFShrink a large PDF right in your browser. Great for scanned documents and photo-heavy PDFs — pick a quality level and download a smaller file. No upload.
- QR Code GeneratorGenerate QR codes for URLs, text, WiFi credentials, and more. Customize colors and error correction. Download as PNG or SVG. Runs in your browser.
Or reach for a broader tool
Third-party products that fit this use case. Our built-in tools cover the small technical jobs; these cover the bigger workflows around them. External links, hand-picked, not sponsored.
- CanvaFreemiumDesign tool with thousands of wedding + invitation templates.
- Drag-and-drop editor with wedding invitation, menu, program templates
- Print + ship save-the-dates, invitations, thank-you cards
- Free tier has enough for most weddings; Pro adds premium templates + brand kit
Best for: Anyone who wants professionally-designed printed materials without hiring a designer.Free tier · Pro from $12.99/moVisit Canva - WebflowFreemiumVisual website builder that outputs production-quality code.
- Visual designer with real CSS output — no Squarespace-style lock-in
- CMS collections for blog, portfolio, product pages
- E-commerce on higher tiers
Best for: Designers building marketing sites who want visual control without writing CSS.Free to build · Site plans from $14/mo · CMS from $23/moVisit Webflow - FramerFreemiumDesign and publish a marketing site from one canvas.
- Figma-like design tool that publishes directly to the web
- Component library + real interactions (not just static images)
- Fast — sites are optimized on publish
Best for: Solo founders and designers who want a landing page live in an afternoon.Free tier (Framer subdomain) · Custom domain from $10/moVisit Framer - FigmaFreemiumCollaborative design tool that runs in the browser.
- Real-time multiplayer design (like Google Docs for interfaces)
- Design system + component library support
- Figma AI for design generation (paid tiers)
Best for: Design teams working together on interfaces; also solo designers who want free tooling.Free for 3 files · Pro from $15/mo per editorVisit Figma - Adobe ExpressFreemiumFast marketing design with Adobe assets.
- Templates for social media, flyers, resumes, videos
- Access to Adobe Stock (limited on free)
- AI-generated images + text effects (Firefly)
Best for: Solopreneurs producing marketing content who want Adobe quality without the full Creative Cloud.Free tier · Premium from $9.99/moVisit Adobe Express - CoolorsFreemiumFast palette generator + gradient + contrast tools.
- Generate palettes with a spacebar tap
- Extract palettes from images
- Gradient + contrast tools
Best for: Designers who want quick palette exploration when starting a new brand or landing page.Free · Pro from $8/moVisit Coolors