Turn feelings into
palettes, instantly

Contrast Checker

Check color contrast against WCAG 2.1 AA/AAA standards with live text preview.

Tailwind Scale Generator

Generate a full 50-950 color scale from any base color. Export as CSS variables or Tailwind config.

Image Color Extractor

Upload any image to extract dominant colors and build palettes. Export as PNG.

Palette Showcase

Upload an image to extract colors and generate a labeled palette card. Export as PNG.

Color Format Converter

Instantly convert between HEX, RGB, HSL, CMYK and OKLCH. Click to copy.

Color Blind Simulator

Simulate protanopia, deuteranopia and tritanopia to check palette accessibility.

CSS Gradient Generator

Create linear, radial and conic gradients with live preview. Copy CSS instantly.

Delta-E Calculator

Enter two colors to calculate perceptual difference using the CIEDE2000 formula.

CSS Shadow Generator

Design layered box-shadow effects with live preview and one-click code export.

Design Extractor

Extract an exact DESIGN.md layout, tokens, 'Vibe' aesthetics, and font scale using our headless AI engine. Enter a target site to digitize its vibe.

Pantone Color Finder

Enter HEX or upload a photo to match against 2,310 Pantone colors with ΔE accuracy.

Paint Color Matcher

Enter a color or upload a photo to find the closest match from 12 brands, 17,500+ paint colors.

Lipstick Shade Finder

Upload a photo or enter a color to match 270+ shades from MAC, YSL, Dior and more.

Yarn & Thread Matcher

Enter a color or upload a photo to match across 80 brands, 13,940 yarn and thread colors.

Traditional Color Identifier

Enter a color or upload a photo to match 1,365 traditional colors from China, Japan, Korea and India.

Color Name Finder

Enter any HEX value to find its name from CSS, XKCD, Crayola and 3,378 named colors.

Browse Library

Browse Library