v 1.0 — Design Utilities
Free UI Tools. For Fabulous Designers.
CSS, Color & Typography Tools
No registration. No fees. No catch.
9 tools available
Advertisement 
Free CSS, Color & Typography Tools
01 CSS
CSS Gradient Generator
Build and animate gradients with unlimited color stops. OKLCH interpolation for smooth perceptual transitions. Animated CSS output with direction, speed, and easing controls.
Open tool →
02 Color
CMYK / HEX / Lab Converter
Color wheel picker. CMYK, HEX/RGB and Lab D50 input. ICC profile approximation (Fogra39, Fogra51, SWOP). 6-color harmony palettes with ASE export.
Open tool →
03 Color
Color Palette from Image
Extract dominant colors from any image. Processed locally — nothing uploaded. Edit swatches inline, name each color, export as ASE, CSS, JSON or SVG.
Open tool →
04 Color
WCAG Contrast Checker
WCAG 2.1 AA/AAA contrast checking with failing color suggestions and live preview. Live text preview on background, failing color suggestions, CSS copy.
Open tool →
05 CSS
Shadow & Elevation Studio
Smooth multi-layer shadows with OKLCH color tinting. Generate a complete elevation token system. Export CSS, hover pairs, and Tailwind config.
Open tool →
06 Color
Tint & Shade Generator
Perceptual color scales in sRGB, Oklab, or LCH. WCAG badges per stop. CSS vars, Tailwind, SCSS & JSON export.
Open tool →
07 Layout
Aspect Ratio Calculator
Format library for screen, social media and print. Calculate missing dimensions, pixel crops between ratios, CSS aspect-ratio output.
Open tool →
08 Typography
Modular Scale Calculator
Harmonious type scales via musical ratios. Desktop + mobile sizes, fluid clamp() output, CSS custom properties, live specimen.
Open tool →
09 Print
Print Format Studio
Format, DPI, bleed, safe zone and fold lines in one step. Exports a dimensionally accurate SVG template and a PNG at target resolution.
Open tool →
Tools built for how designers actually work
Workflow-first
uicorn is a growing collection of free tools for designers and art directors. Every tool is built around real workflow needs — color conversion with professional ICC profiles, perceptually smooth CSS gradients via OKLCH, WCAG-compliant contrast checking, smooth multi-layer shadows, and more. No bloat, no accounts, no data sent anywhere. Everything runs locally in your browser.
Production-ready output
Each tool produces production-ready output — CSS you can paste directly, color values in every format your workflow needs, print templates with correct bleed and safe zones. The tools are opinionated where it matters (OKLCH over HSL, Lab D50 for print, smooth multi-layer shadows over single-layer) and flexible everywhere else.
Scales with your system
Every output is token-ready — CSS custom properties, Tailwind config, or JSON, depending on what your workflow needs. One color decision becomes a complete palette. One shadow setting becomes a five-level elevation system. One type ratio becomes a full modular scale.
uicorn is built around the way design systems actually work: from a single source of truth to consistent, exportable decisions. Outputs are designed to be pasted, iterated on, and owned — not used once and discarded.
uicorn is built around the way design systems actually work: from a single source of truth to consistent, exportable decisions. Outputs are designed to be pasted, iterated on, and owned — not used once and discarded.
uicorn is made by designers, for designers. New tools are added regularly.