Home / All tools / Design

Design

Colors, CSS, favicons, SVG, whiteboards. 16 free tools that run 100% in your browser.

  • Color Palette Extractor: Extract dominant colors and export CSS/Tailwind palettes.
  • Color Converter & Contrast: HEX, RGB, HSL, OKLCH conversion and WCAG contrast checks.
  • Gradient Generator: Design linear, radial and conic gradients and copy CSS.
  • CSS Studio: Box shadows, glassmorphism and neumorphism generators.
  • Favicon Generator: Full icon packs: ICO, Apple Touch, Android, manifest and HTML.
  • SVG Optimizer: Minify SVGs, export JSX or PNG.
  • Sketch Whiteboard: Infinite whiteboard with shapes, arrows, text and sticky notes.
  • Placeholder Image: Generate placeholder images in any size, color and text.
  • SVG Converter: Turn SVG or SVGZ into sharp PNG, JPG, WEBP, AVIF, BMP, TIFF, ICO or vector PDF at any size.
  • Icon Converter (ICO, ICNS, CUR, ANI): Make Windows ICO, macOS ICNS, cursors (CUR) and animated cursors (ANI) from any image, or extract every size from an icon as PNG.
  • HTML to Image: Render an HTML and CSS snippet to PNG, JPG, WEBP or SVG at high resolution.
  • Color Blindness Simulator: Preview designs, charts and photos as people with protanopia, deuteranopia, tritanopia and achromatopsia see them.
  • Card Maker: Design business cards, invitations, greeting cards and postcards from templates and download print-ready PDFs.
  • Device Mockup Generator: Place screenshots into phone, tablet, laptop, browser and monitor frames, flat or in 3D perspective, on a custom background.
  • Social Banner & Thumbnail Maker: Make YouTube thumbnails, link preview images, banners and posts for X, LinkedIn, Instagram and more from templates.
  • Colour Contrast Checker: Check the WCAG contrast ratio of two colours for AA and AAA text.

OpenFile runs in your browser. Turn on JavaScript to use the tools.