ColorCraft Web

About

ColorCraft Web - Professional Color Extraction for Motion Designers

Extract colors from any website and export them directly to ColorCraft for After Effects. Build persistent color palettes and streamline your motion design workflow.

KEY FEATURES

• Pick Color Tool - Precise color picker with visible crosshair cursor
• Scan Page - Extract all CSS colors from current website
• Saved Colors - Build a persistent palette in your browser
• Smart Detection - Detects backgrounds, text, SVG fills, strokes, and borders
• Export Options - Copy single color or full ColorCraft scheme
• Browser Storage - Your colors persist across sessions

PERFECT FOR

• Motion designers using After Effects
• Designers and Illustrators wanting to copy colors
• Web Designers and Developers
• Extracting client brand colors from websites
• Building color palettes for projects
• Competitor color analysis
• Design inspiration collection

HOW IT WORKS

1. PICK COLORS
   Click "Pick Color" → Move cursor over website → See color info panel → Click to save

2. SCAN PAGES
   Click "Scan Page" → All CSS colors extracted → Click colors to save → Build palette

3. EXPORT
   "Copy Scheme" exports all saved colors as ColorCraft JSON
   "Copy Last Color" exports single hex code
   Click any swatch to copy that specific color

SAVED COLORS

• Persistent storage in browser
• Build collection over time
• Click to copy individual colors
• Remove unwanted colors
• Clear all when done

COLORCRAFT ECOSYSTEM

ColorCraft Web works seamlessly with:
• ColorCraft After Effects Script
• ColorCraft Figma Plugin

All three tools share the same minimalist design language and export format for a unified workflow.

PRIVACY

• No data collection
• No tracking or analytics
• Colors stored locally only
• Never sent to any server
• See full privacy policy: [URL]

USE CASES

1. Client Onboarding - Extract brand colors instantly
2. Competitor Analysis - Build reference palettes
3. Inspiration - Save colors as you browse
4. Precise Matching - "Get that exact blue"
5. Collection Building - Curate colors over weeks

TECHNICAL DETAILS

• Detects: backgroundColor, color, borderColor, fill, stroke
• Filters: Pure white/black automatically
• Format: ColorCraft scheme JSON v3.0
• Storage: Chrome local storage
• Capacity: 10,000+ colors

COMPATIBILITY

Works on all websites with CSS colors. Does not extract colors from images/photos.

FREE & OPEN

ColorCraft Web is completely free with no premium tiers, subscriptions, or hidden costs.