ColorCraft Web

Pick colors from websites, save colors and extract colors and export to ColorCraft for After Effects

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.