Skip to main content
dubinity

33 tools

Design & Accessibility

Check contrast, build palettes, gradients and shadows, and make text easier to read.

Design tools

33 tools

  • QR Code Generator

    Make QR codes for links, Wi-Fi, contact cards, email, SMS and WhatsApp - with colours, PNG and SVG download.

    Image ToolsTEXT · LINK · Contact details
    Runs in your browserOpen tool

  • AI Image Generator

    Describe a picture and get an original AI image - photo, illustration, 3D or flat vector - in square, landscape or portrait.

    AI ToolsTEXT
    AI-poweredOpen tool

  • Color Converter

    Convert a colour between HEX, RGB, HSL, HSV, HWB, CMYK and OKLCH, with contrast against black and white.

    Design & AccessibilityTEXT
    Runs in your browserOpen tool

  • Lorem Ipsum Generator

    Generate placeholder paragraphs, sentences or words, in classic Latin or in Arabic filler text.

    Design & AccessibilityNONE
    Runs in your browserOpen tool

  • Color Palette Generator

    Generate colour palettes from a base colour and a harmony, or at random with locks, then export CSS, tokens, Tailwind or a PNG.

    Design & AccessibilityHEX · RGB · HSL
    Runs in your browserOpen tool

  • Social Media Image Resizer

    Resize a photo to Instagram, Facebook, X, LinkedIn, YouTube, TikTok or Pinterest sizes - or all of them at once.

    Image ToolsJPG · PNG · WEBP
    Runs in your browserOpen tool

  • Color Contrast Checker

    Check the WCAG 2.2 contrast ratio of a text and background colour, with AA and AAA verdicts and the nearest passing colour.

    Design & AccessibilityHEX · RGB · HSL
    Runs in your browserOpen tool

  • Favicon Generator

    Turn a logo into favicon.ico, the PNG icons iOS and Android need, a web manifest and the HTML to paste.

    Image ToolsPNG · JPG · SVG
    Runs in your browserOpen tool

  • Transparent Background Maker

    Make one flat background colour transparent - white behind a logo, a studio sweep, a signature on paper.

    Image ToolsJPG · PNG · WEBP
    Runs in your browserOpen tool

  • CSS Gradient Generator

    Build linear, radial and conic CSS gradients with a live preview and copyable CSS.

    Design & Accessibility
    Runs in your browserOpen tool

  • SVG to PNG

    Render SVG files to PNG, JPG or WebP at any size - sharp, because the vector is drawn at the output size.

    Image ToolsSVG
    Runs in your browserOpen tool

  • Colour Palette Extractor

    Pull the dominant colours out of any picture and copy them as HEX, RGB, HSL, CSS variables or JSON.

    Design & AccessibilityJPG · PNG · WEBP
    Runs in your browserOpen tool

  • Email Signature Generator

    Build an HTML email signature with your details, links and logo, then copy it straight into Gmail or Outlook.

    Business & FinanceYour details
    Runs in your browserOpen tool

  • Add Watermark to Image

    Stamp your name across photos - tiled diagonally or in one corner - with size, colour and opacity you control.

    Image ToolsJPG · PNG · WEBP
    Runs in your browserOpen tool

  • Image Colour Picker

    Pick any colour out of a picture - with a magnifier - and copy it as HEX, RGB, HSL, HSV or CMYK.

    Design & AccessibilityJPG · PNG · WEBP
    Runs in your browserOpen tool

  • Profile Picture Maker

    Crop, zoom and frame a photo into a circular profile picture, with an optional coloured ring.

    Image ToolsJPG · PNG · WEBP
    Runs in your browserOpen tool

  • CSS Formatter

    Indent and tidy CSS, SCSS or LESS so a minified stylesheet becomes readable again.

    Developer & WebCSS · SCSS · LESS
    Runs in your browserOpen tool

  • Thumbnail Maker

    Build a 1280 x 720 YouTube thumbnail: your photo, a big headline with an outline, and a download under 2 MB.

    Image ToolsJPG · PNG · WEBP
    Runs in your browserOpen tool

  • Certificate Generator

    Design a certificate of achievement or appreciation with a border, signatories and your logo, as a landscape PDF.

    Business & FinanceRecipient · TITLE
    Runs in your browserOpen tool

  • CSS Box Shadow Generator

    Stack box-shadow layers with offsets, blur, spread and opacity, and copy the CSS.

    Design & Accessibility
    Runs in your browserOpen tool

  • Meme Generator

    Put classic top and bottom captions on your own picture - heavy outlined capitals - and download it.

    Image ToolsJPG · PNG · WEBP
    Runs in your browserOpen tool

  • CSS Minifier

    Minify CSS conservatively: comments, whitespace, empty rules and short hex colours, nothing risky.

    Developer & WebCSS
    Runs in your browserOpen tool

  • Gradient Image Generator

    Make linear, radial and conic gradient images for backgrounds, wallpapers and social posts - and copy the CSS.

    Design & AccessibilityColours
    Runs in your browserOpen tool

  • AI Logo Concept Generator

    Get written logo concepts - symbol ideas, typography, colour palettes with HEX codes and prompts to visualise each one.

    AI ToolsTEXT
    AI-poweredOpen tool

  • Color Blindness Simulator

    See an image or a set of colours as people with protanopia, deuteranopia, tritanopia and other colour vision deficiencies see them.

    Design & AccessibilityPNG · JPG · WEBP
    Runs in your browserOpen tool

  • CSS Border Radius Generator

    Shape each corner, including elliptical corners, and copy the shortest border-radius CSS.

    Design & Accessibility
    Runs in your browserOpen tool

  • PX to REM Converter

    Convert pixels to rem and rem to pixels for CSS, from any root font size, with points and percent alongside.

    Design & AccessibilityPixels · REM · Root size
    Runs in your browserOpen tool

  • Audio waveform generator

    Draw a waveform picture of an audio file and save it as a PNG or an SVG.

    Audio ToolsMP3 · WAV · M4A
    Runs in your browserOpen tool

  • WCAG Palette Contrast Grid

    Paste up to 12 colours and see the WCAG contrast ratio of every pair in one grid, filtered by AA or AAA.

    Design & AccessibilityHEX · RGB · HSL
    Runs in your browserOpen tool

  • Type Scale Generator

    Build a modular type scale from a base size and ratio, preview every step and export CSS, design tokens or Tailwind config.

    Design & AccessibilityBase size · RATIO
    Runs in your browserOpen tool

  • Line Height Calculator

    Turn a font size and a line-height ratio into pixels and rem, or find the unitless ratio for a target line height.

    Design & AccessibilityFont size · RATIO · Target line height
    Runs in your browserOpen tool

  • Design Token Generator

    Build a small design-token set - colours, type scale, spacing, radii and shadows - and export CSS variables, DTCG JSON or Tailwind.

    Design & AccessibilityHEX · RGB · HSL
    Runs in your browserOpen tool

  • Spacing Scale Generator

    Generate a spacing scale on a 4px or 8px grid, linear or geometric, with names and exports for CSS, tokens and Tailwind.

    Design & AccessibilityBase unit
    Runs in your browserOpen tool