CATEGORY11 tools
Design Utilities
Small helpers for color, contrast, CSS, and UI work.
AvailableLocal
Aspect Ratio Calculator
Calculate proportional width or height for media and UI.
AvailableLocalColor Blindness Simulator
Preview an image under common color vision deficiency modes.
AvailableLocalColor Palette Extractor
Extract dominant HEX and RGB colors from an image.
AvailableLocalContrast Checker
Check foreground and background contrast for UI work.
AvailableLocalCSS Generator
Generate clamp(), gradients, shadows, border radius, and grid CSS.
AvailableLocalCSS Specificity Calculator
Calculate and compare CSS selector specificity.
AvailableLocalEmail Signature Generator
Create a polished signature with live preview.
AvailableLocalScreen PPI & Pixel Density Calculator
Calculate screen PPI, dot pitch, physical dimensions, and visual sharpness.
AvailableLocalSVG Optimizer
Remove extra SVG metadata, comments, and whitespace.
AvailableLocalSVG to Data URI Converter
Convert SVG markup to a CSS/HTML data URI and back.
AvailableLocalTypographic Scale Calculator
Generate a font size scale from a base size and ratio.