Design Tools
Check contrast, convert colors, build palettes, and generate small CSS snippets—fast utilities for UI and brand work.
Contrast Checker
Test foreground and background colors against WCAG AA and AAA contrast requirements.
DesignInstantColor Converter
Convert any color between HEX, RGB, and HSL with a live swatch.
DesignInstantColor Palette Generator
Build harmonious palettes from one base color using classic color-theory modes.
DesignInstantImage Color Picker
Extract colors from any image instantly — click a pixel for HEX, RGB, HSL, and HSV. No signup. No uploads.
DesignInstantFavicon Generator
Create favicon sizes from a letter mark or image — entirely in your browser.
DesignInstantBox Shadow Generator
Tune a box shadow visually and copy the CSS in one click.
DesignInstantGradient Generator
Build linear or radial gradients and copy ready-to-use CSS.
DesignInstantBorder Radius Generator
Tune each corner independently and copy the border-radius CSS in one click.
DesignInstantCSS Filter Generator
Adjust filter properties visually on a gradient preview and copy the CSS.
DesignInstantCSS Unit Converter
Convert a CSS length to all common units using your root font size and viewport settings.
DesignInstantText Shadow Generator
Tune text shadow offset, blur, and color with a live preview and copy the CSS.
DesignInstantTypography Scale Generator
Pick a base size and scale ratio to generate type steps and export CSS variables.
DesignInstant
How these design tools work
Calculations and previews run in your browser. Contrast checks reference WCAG guidance; always verify against your full design system. Read our Privacy Policy.
Who these tools are for
Designers and front-end developers who need quick accessibility and color utilities without opening a full design app.
FAQ
Is contrast checking WCAG-accurate?expand_more
We compute contrast ratios against WCAG AA/AAA thresholds. Final compliance still depends on your full UI context.
Do I need an account?expand_more
No.
Looking for something else? Browse all tools · Read the blog.