Explore Swatches

Browse and preview beautiful color swatches for design inspiration, UI systems, and brand palettes. Compare tones, shades, and tints instantly with accurate color codes for web and creative projects.

Generate Palette

Generate beautiful color palettes instantly with harmonious color combinations.

Auto-generate modern color palettesHEX, RGB, HSL values + copy supportExport palettes for design systems

Color Picker

Pick precise HEX/RGB/HSL colors instantly with live eyedropper preview.

HEX, RGB, HSL, CMYK formatsReal-time shades & tints previewOne-click copy to clipboard

Shade & Tint Generator

Generate 12-step lighter tints & darker shades from any base color.

Perfect UI scale ramps (10-12 steps)HEX/RGB/HSL multi-format exportHover states & backgrounds ready

Color Format Converter

Instant HEX ↔ RGB ↔ HSL ↔ CMYK ↔ CSS conversion for all web formats.

Batch conversion (10+ colors)Copy-friendly formatted outputRecent conversions history

Random Color Generator

Generate unlimited random HEX/RGB colors for design inspiration.

Single-click randomizationGenerate 1-12 color palettesSeed control for reproducible results

Complementary Color Finder

Find perfect 180° opposite colors via interactive color wheel.

Visual harmony comparisonHigh-contrast pairing previewWCAG accessibility validated

Color Contrast Checker

WCAG 2.2 AA/AAA validation with live 4.5:1+ ratio calculations.

Text, UI, large text ratiosReal-time pass/fail feedbackAuto-suggest accessible alternatives

Gradient Generator

Create linear, radial & conic CSS gradients with live preview.

Unlimited multi-stop gradientsCSS, Tailwind, SVG exportAngle, position & opacity control

Brand Color Kit Generator

Build complete brand systems with semantic primary/secondary roles.

Primary, secondary, accent roles50+ shade variations includedCSS design tokens + Figma export

Image Color Extractor

Extract dominant palettes from any image instantly.

Auto-detects 5-10 dominant colorsHex, RGB, HSL values + shadesOne-click CSS/ Tailwind export

Color Preview

Preview colors live with instant HEX, RGB & HSL code generation.

Dynamic live color input & previewHEX, RGB, HSL values + copy buttonOne-click CSS export & code snippets