UD5 Toolkit
QR Code Logo Embedder β Online Preview Before Print
Generate a QR code and overlay your logo in the center. Check if it still scans. Download composition.
Graphic & UI Design Tools
17+ toolsBrand Color Extractor β Online Upload Logo & Get Palette
Upload a logo and instantly get the dominant colors as a swatch palette. Match brand guides.
Subtractive Color Mixer (CMYK) β Online Paint Blending Preview
Mix cyan, magenta, yellow, and black virtually to see a predicted paint color. Better than RGB mixing.
Print Bleed & Safe Margin Calculator β Online PDF & Image
Enter final trim size and get bleed and safe area dimensions. Visual guide for print preparation.
SVG Morphing Playground β Online Smooth Path Transformation
Paste start and end SVG paths with the same number of points and preview a smooth morph animation. Copy SMIL code.
CSS Glitch Text Effect Generator β Online Copy Keyframes
Design a glitchy text animation with adjustable color shifts and clipping. Copy the pure CSS code. No JavaScript.
Text to Favicon Generator β Online Create Simple Letter Icon
Type up to 3 characters, choose colors, and download a simple favicon.ico. No design skills.
Emotion to Color Palette β Online Pick Mood & Get Hex
Select emotions (calm, energetic, sad) and generate a harmonious color palette that reflects the mood.
Gradient Button CSS Generator β Online Modern UI Design
Design a modern button with gradients, shadows, and hover effects. Copy the clean CSS code.
OnβScreen Pixel Ruler - Online Measure Elements in Browser
Drag a virtual ruler across your screen to measure pixel distances. Horizontal and vertical guides. Useful for UI designers checking alignment.
CSS Blend Mode Playground β Online background-blend-mode & mix-blend-mode
Load images or use colors and apply all 15 CSS blend modes. Visual tester for creative effects.
Lorem Pixel Image Generator - Online Placeholder Photo Service
Generate placeholder images with custom dimensions, background color, and text. Supports SVG and raster output. Perfect for wireframing and mockups.
Isometric Box CSS Generator β Online 3D Cube Builder
Set width, height, depth, and colors to generate an isometric box using CSS transforms. Copy to your project.
Abstract SVG Pattern Generator β Online Geometric Art
Click to randomize geometric SVG patterns. Copy the inline SVG code for your website.
Color Swatch Collector β Online Build Your Own Palette
Mix and save colors using a color picker. Drag to reorder. Export as CSS variables or hex list.
Accessible Chart Palette Builder β Online Data Visualization
Build a color palette for charts that works for protanopia, deuteranopia, and grayscale. Export as array.
Print Readability Calculator β Online Minimum Font for Distance
Enter viewing distance to get the minimum readable print font size. Design posters and signs.