Design Tools

Check WCAG color contrast ratios for AA and AAA accessibility compliance.

Convert images to Base64 data URIs for embedding in HTML, CSS, or JSON. Supports all common image formats.

Check WCAG color contrast ratios for AA and AAA accessibility compliance.

Convert images to Base64 data URIs for embedding in HTML, CSS, or JSON. Supports all common image formats.

Generate foreground/background color pairs that pass WCAG AA and AAA contrast requirements.

Create repeating CSS background patterns like dots, stripes, grids, and waves. Export as CSS or SVG.

See how your colors look to people with different types of color vision deficiency — protanopia, deuteranopia, tritanopia, and more.

Convert colors between HEX, RGB, HSL, and other formats instantly.

Find the closest named color for any hex code. Browse similar colors and copy formats.

Generate harmonious color palettes from any base color using color theory.

Generate full color scales with adjustable dark/light steps, hue shifting, and saturation control.

Convert a color palette into a CSS :root custom properties block with semantic names.

Generate design tokens for CSS custom properties, JSON, and Tailwind config from your color palette.

Upload an image and generate favicon files in all required sizes for web and mobile.

Check if your favicon meets size requirements for all platforms and browsers.

Generate a smooth palette of colors interpolated between two endpoints.

Upload a PNG or SVG icon and generate multiple sizes for web, iOS, Android, and PWA.

Upload an image and extract dominant colors. Copy palettes as HEX, RGB, or HSL.

Generate placeholder images with configurable dimensions, colors, and optional text overlay.

Generate subtle noise and grain textures with adjustable intensity. Export as CSS or download PNG.

Convert colors between HEX, RGB, HSL, and OKLCH formats with live preview.

Clean and minify SVG code by removing comments, metadata, empty groups, and excess whitespace.

Create geometric shapes and organic blobs as optimized SVG code. Customize points, size, and colors.

Generate customizable SVG wave dividers with adjustable amplitude, frequency, and colors.