Color Converter
Convert CSS colors between hex, RGB, HSL, OKLCH, and Lab formats while previewing the selected color and its component values.
Design
Keep visual and asset decisions moving with focused tools for web design, accessibility, and production polish.
Color Contrast Checker
Check foreground and background colors against WCAG contrast ratios for normal text, large text, and common interface states.
Image Resizer
Crop and resize JPG, PNG, and WebP images in your browser with aspect-ratio controls, dimension presets, preview, and download.
Image Optimizer
Optimize JPG, PNG, and WebP images for free in your browser, with support for both lossy and lossless image compression.
Favicon Generator
Generate a complete favicon package for your website from a single image, including browser icons, touch icons, and install-ready metadata.
Sankey Chart Maker
Create customizable Sankey diagrams from source, destination, and amount data, then adjust colors, labels, layout, and download PNG or SVG files.
Design tools help with production details: converting colors, checking contrast, resizing images, optimizing assets, and generating favicon packages. These tasks are easy to underestimate, but they affect accessibility, loading speed, brand consistency, and handoff quality.
Designers, frontend developers, marketers, and site owners use this category when visual assets need to move from a draft into something shippable. The tools are practical companions for design systems, website updates, QA passes, and launch checklists.
Start with color and contrast tools when the problem is readability or token translation. Use image tools when file dimensions, file size, or browser-ready assets are the blocker.
Latest Design guides
4 min read
Design
Accessible Color Palettes Need More Than a Passing Contrast Score
Turn contrast checks into a complete color system with readable text, visible states, non-color cues, and tokens that remain dependable across themes.
8 min read
Design
The Modern Favicon Checklist: Files, Sizes, HTML, and Web App Icons
Build a favicon package that works across browser tabs, bookmarks, Apple home screens, and installable web apps—without shipping a pile of unnecessary files.