{
    "name": "Extract Color Palettes - Website Color Palette Generator",
    "short_name": "ExtractColors",
    "description": "Extract stunning color palettes from any website instantly. Professional color extraction tool with accessibility checking and design integration.",
    "start_url": "/",
    "display": "standalone",
    "background_color": "#ffffff",
    "theme_color": "#262624",
    "orientation": "portrait-primary",
    "scope": "/",
    "lang": "en",
    "dir": "ltr",
    "categories": ["design", "productivity", "utilities"],
    "screenshots": [
        {
            "src": "/screenshots/desktop-wide.png",
            "sizes": "1280x720",
            "type": "image/png",
            "form_factor": "wide",
            "label": "Extract color palettes from websites on desktop"
        },
        {
            "src": "/screenshots/mobile-narrow.png",
            "sizes": "750x1334",
            "type": "image/png",
            "form_factor": "narrow",
            "label": "Mobile color palette extraction tool"
        }
    ],
    "icons": [
        {
            "src": "/android-chrome-192x192.png",
            "sizes": "192x192",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "/android-chrome-512x512.png",
            "sizes": "512x512",
            "type": "image/png",
            "purpose": "maskable any"
        },
        {
            "src": "/apple-touch-icon.png",
            "sizes": "180x180",
            "type": "image/png",
            "purpose": "any"
        },
        {
            "src": "/favicon-32x32.png",
            "sizes": "32x32",
            "type": "image/png",
            "purpose": "any"
        },
        {
            "src": "/favicon-16x16.png",
            "sizes": "16x16",
            "type": "image/png",
            "purpose": "any"
        },
        {
            "src": "/mstile-150x150.png",
            "sizes": "150x150",
            "type": "image/png",
            "purpose": "any"
        }
    ],
    "shortcuts": [
        {
            "name": "Extract Colors",
            "short_name": "Extract",
            "description": "Extract color palette from a website URL",
            "url": "/?action=extract",
            "icons": [
                {
                    "src": "/icons/extract-shortcut.png",
                    "sizes": "96x96",
                    "type": "image/png"
                }
            ]
        },
        {
            "name": "Popular Sites",
            "short_name": "Popular",
            "description": "Browse color palettes from popular websites",
            "url": "/#popular-sites",
            "icons": [
                {
                    "src": "/icons/popular-shortcut.png",
                    "sizes": "96x96",
                    "type": "image/png"
                }
            ]
        },
        {
            "name": "Color Trends",
            "short_name": "Trends",
            "description": "Explore 2025 color trends and inspiration",
            "url": "/?section=trends",
            "icons": [
                {
                    "src": "/icons/trends-shortcut.png",
                    "sizes": "96x96",
                    "type": "image/png"
                }
            ]
        }
    ],
    "related_applications": [],
    "prefer_related_applications": false,
    "edge_side_panel": {
        "preferred_width": 400
    },
    "protocol_handlers": [
        {
            "protocol": "web+extractcolors",
            "url": "/?url=%s"
        }
    ]
}