# Website Color Palette Extractor (`botflowtech/website-color-palette-extractor`) Actor Extract dominant colors, complete color palettes, and CSS color variables from any website. Perfect for designers, marketers, and brand analysts who need quick color inspiration or competitive analysis. - **URL**: https://apify.com/botflowtech/website-color-palette-extractor.md - **Developed by:** [BotFlowTech](https://apify.com/botflowtech) (community) - **Categories:** SEO tools - **Stats:** 2 total users, 1 monthly users, 100.0% runs succeeded, NaN bookmarks - **User rating**: No ratings yet ## Pricing Pay per usage This Actor is paid per platform usage. The Actor is free to use, and you only pay for the Apify platform usage, which gets cheaper the higher subscription plan you have. Learn more: https://docs.apify.com/platform/actors/running/actors-in-store#pay-per-usage ## What's an Apify Actor? Actors are a software tools running on the Apify platform, for all kinds of web data extraction and automation use cases. In Batch mode, an Actor accepts a well-defined JSON input, performs an action which can take anything from a few seconds to a few hours, and optionally produces a well-defined JSON output, datasets with results, or files in key-value store. In Standby mode, an Actor provides a web server which can be used as a website, API, or an MCP server. Actors are written with capital "A". ## How to integrate an Actor? If asked about integration, you help developers integrate Actors into their projects. You adapt to their stack and deliver integrations that are safe, well-documented, and production-ready. The best way to integrate Actors is as follows. In JavaScript/TypeScript projects, use official [JavaScript/TypeScript client](https://docs.apify.com/api/client/js.md): ```bash npm install apify-client ``` In Python projects, use official [Python client library](https://docs.apify.com/api/client/python.md): ```bash pip install apify-client ``` In shell scripts, use [Apify CLI](https://docs.apify.com/cli/docs.md): ````bash # MacOS / Linux curl -fsSL https://apify.com/install-cli.sh | bash # Windows irm https://apify.com/install-cli.ps1 | iex ```bash In AI frameworks, you might use the [Apify MCP server](https://docs.apify.com/platform/integrations/mcp.md). If your project is in a different language, use the [REST API](https://docs.apify.com/api/v2.md). For usage examples, see the [API](#api) section below. For more details, see Apify documentation as [Markdown index](https://docs.apify.com/llms.txt) and [Markdown full-text](https://docs.apify.com/llms-full.txt). # README ## Website Color Palette Extractor Extract dominant colors, complete color palettes, and CSS color variables from any website. Perfect for designers, marketers, and brand analysts who need quick color inspiration or competitive analysis. ### 🎨 Key Features - **AI-Powered Color Analysis**: Uses node-vibrant algorithm to extract visually significant colors - **Semantic Color Swatches**: Returns categorized colors (Vibrant, Muted, Dark, Light variants) - **Full-Page Screenshots**: Captures entire website for comprehensive analysis - **CSS Color Detection**: Extracts actual colors used in CSS - **Text Color Recommendations**: Suggests optimal text colors for accessibility - **Multiple Color Formats**: Returns HEX, RGB, and HSL values - **Batch Processing**: Analyze multiple websites in one run ### 💡 Use Cases - **Design Inspiration**: Extract color schemes from beautifully designed websites - **Brand Analysis**: Analyze competitor color palettes and branding - **Client Presentations**: Show color usage analysis to clients - **Design Systems**: Build design tokens from existing websites - **A/B Testing**: Compare color schemes across different versions - **Marketing Research**: Understand color trends in your industry ### ⚠️ Known Limitations #### Memory Requirements This Actor runs on Apify's infrastructure with different memory tiers: - **512 MB (Free tier)**: Works with most simple to medium websites (90%+ success rate) - **1024 MB+**: Recommended for complex websites with heavy JavaScript (Stripe, Discord, etc.) #### Websites That May Fail on Free Tier Some JavaScript-heavy websites may timeout or crash on the 512MB tier: - stripe.com (complex animations) - discord.com (heavy real-time features) - Very large e-commerce sites with extensive product catalogs **Solution**: Upgrade to 1024MB or 2048MB memory tier in Actor settings for better reliability. #### What Works Well ✅ Corporate websites (Apple, Microsoft, IBM) ✅ Marketing landing pages ✅ Blogs and content sites ✅ E-commerce product pages ✅ Portfolio sites ✅ Documentation sites ### 📥 Input ```json { "urls": [ "https://www.apple.com", "https://www.eenadu.net" ], "colorCount": 8, "includeSwatches": true, "captureFullPage": true } # Actor input Schema ## `urls` (type: `array`): List of website URLs to extract color palettes from ## `maxRequestsPerCrawl` (type: `integer`): Maximum number of pages to process ## `colorCount` (type: `integer`): Number of dominant colors to extract (1-10) ## `includeSwatches` (type: `boolean`): Include detailed color swatches with text color recommendations ## `captureFullPage` (type: `boolean`): Capture entire page or just visible viewport. Viewport is recommended for memory efficiency. ## Actor input object example ```json { "urls": [ "https://www.apple.com", "https://www.eenadu.net" ], "maxRequestsPerCrawl": 50, "colorCount": 6, "includeSwatches": true, "captureFullPage": false } ```` # API You can run this Actor programmatically using our API. Below are code examples in JavaScript, Python, and CLI, as well as the OpenAPI specification and MCP server setup. ## JavaScript example ```javascript import { ApifyClient } from 'apify-client'; // Initialize the ApifyClient with your Apify API token // Replace the '' with your token const client = new ApifyClient({ token: '', }); // Prepare Actor input const input = { "urls": [ "https://www.apple.com", "https://www.eenadu.net" ] }; // Run the Actor and wait for it to finish const run = await client.actor("botflowtech/website-color-palette-extractor").call(input); // Fetch and print Actor results from the run's dataset (if any) console.log('Results from dataset'); console.log(`💾 Check your data here: https://console.apify.com/storage/datasets/${run.defaultDatasetId}`); const { items } = await client.dataset(run.defaultDatasetId).listItems(); items.forEach((item) => { console.dir(item); }); // 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/js/docs ``` ## Python example ```python from apify_client import ApifyClient # Initialize the ApifyClient with your Apify API token # Replace '' with your token. client = ApifyClient("") # Prepare the Actor input run_input = { "urls": [ "https://www.apple.com", "https://www.eenadu.net", ] } # Run the Actor and wait for it to finish run = client.actor("botflowtech/website-color-palette-extractor").call(run_input=run_input) # Fetch and print Actor results from the run's dataset (if there are any) print("💾 Check your data here: https://console.apify.com/storage/datasets/" + run["defaultDatasetId"]) for item in client.dataset(run["defaultDatasetId"]).iterate_items(): print(item) # 📚 Want to learn more 📖? Go to → https://docs.apify.com/api/client/python/docs/quick-start ``` ## CLI example ```bash echo '{ "urls": [ "https://www.apple.com", "https://www.eenadu.net" ] }' | apify call botflowtech/website-color-palette-extractor --silent --output-dataset ``` ## MCP server setup ```json { "mcpServers": { "apify": { "command": "npx", "args": [ "mcp-remote", "https://mcp.apify.com/?tools=botflowtech/website-color-palette-extractor", "--header", "Authorization: Bearer " ] } } } ``` ## OpenAPI specification ```json { "openapi": "3.0.1", "info": { "title": "Website Color Palette Extractor", "description": "Extract dominant colors, complete color palettes, and CSS color variables from any website. Perfect for designers, marketers, and brand analysts who need quick color inspiration or competitive analysis.", "version": "0.0", "x-build-id": "pd3mXclh6Rs1ZZ1EY" }, "servers": [ { "url": "https://api.apify.com/v2" } ], "paths": { "/acts/botflowtech~website-color-palette-extractor/run-sync-get-dataset-items": { "post": { "operationId": "run-sync-get-dataset-items-botflowtech-website-color-palette-extractor", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for its completion, and returns Actor's dataset items in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } }, "/acts/botflowtech~website-color-palette-extractor/runs": { "post": { "operationId": "runs-sync-botflowtech-website-color-palette-extractor", "x-openai-isConsequential": false, "summary": "Executes an Actor and returns information about the initiated run in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK", "content": { "application/json": { "schema": { "$ref": "#/components/schemas/runsResponseSchema" } } } } } } }, "/acts/botflowtech~website-color-palette-extractor/run-sync": { "post": { "operationId": "run-sync-botflowtech-website-color-palette-extractor", "x-openai-isConsequential": false, "summary": "Executes an Actor, waits for completion, and returns the OUTPUT from Key-value store in response.", "tags": [ "Run Actor" ], "requestBody": { "required": true, "content": { "application/json": { "schema": { "$ref": "#/components/schemas/inputSchema" } } } }, "parameters": [ { "name": "token", "in": "query", "required": true, "schema": { "type": "string" }, "description": "Enter your Apify token here" } ], "responses": { "200": { "description": "OK" } } } } }, "components": { "schemas": { "inputSchema": { "type": "object", "required": [ "urls" ], "properties": { "urls": { "title": "Website URLs", "type": "array", "description": "List of website URLs to extract color palettes from", "items": { "type": "string" } }, "maxRequestsPerCrawl": { "title": "Max pages per crawl", "minimum": 1, "type": "integer", "description": "Maximum number of pages to process", "default": 50 }, "colorCount": { "title": "Number of colors", "minimum": 1, "maximum": 10, "type": "integer", "description": "Number of dominant colors to extract (1-10)", "default": 6 }, "includeSwatches": { "title": "Include color swatches", "type": "boolean", "description": "Include detailed color swatches with text color recommendations", "default": true }, "captureFullPage": { "title": "Capture full page (uses more memory)", "type": "boolean", "description": "Capture entire page or just visible viewport. Viewport is recommended for memory efficiency.", "default": false } } }, "runsResponseSchema": { "type": "object", "properties": { "data": { "type": "object", "properties": { "id": { "type": "string" }, "actId": { "type": "string" }, "userId": { "type": "string" }, "startedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "finishedAt": { "type": "string", "format": "date-time", "example": "2025-01-08T00:00:00.000Z" }, "status": { "type": "string", "example": "READY" }, "meta": { "type": "object", "properties": { "origin": { "type": "string", "example": "API" }, "userAgent": { "type": "string" } } }, "stats": { "type": "object", "properties": { "inputBodyLen": { "type": "integer", "example": 2000 }, "rebootCount": { "type": "integer", "example": 0 }, "restartCount": { "type": "integer", "example": 0 }, "resurrectCount": { "type": "integer", "example": 0 }, "computeUnits": { "type": "integer", "example": 0 } } }, "options": { "type": "object", "properties": { "build": { "type": "string", "example": "latest" }, "timeoutSecs": { "type": "integer", "example": 300 }, "memoryMbytes": { "type": "integer", "example": 1024 }, "diskMbytes": { "type": "integer", "example": 2048 } } }, "buildId": { "type": "string" }, "defaultKeyValueStoreId": { "type": "string" }, "defaultDatasetId": { "type": "string" }, "defaultRequestQueueId": { "type": "string" }, "buildNumber": { "type": "string", "example": "1.0.0" }, "containerUrl": { "type": "string" }, "usage": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "integer", "example": 1 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } }, "usageTotalUsd": { "type": "number", "example": 0.00005 }, "usageUsd": { "type": "object", "properties": { "ACTOR_COMPUTE_UNITS": { "type": "integer", "example": 0 }, "DATASET_READS": { "type": "integer", "example": 0 }, "DATASET_WRITES": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_READS": { "type": "integer", "example": 0 }, "KEY_VALUE_STORE_WRITES": { "type": "number", "example": 0.00005 }, "KEY_VALUE_STORE_LISTS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_READS": { "type": "integer", "example": 0 }, "REQUEST_QUEUE_WRITES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_INTERNAL_GBYTES": { "type": "integer", "example": 0 }, "DATA_TRANSFER_EXTERNAL_GBYTES": { "type": "integer", "example": 0 }, "PROXY_RESIDENTIAL_TRANSFER_GBYTES": { "type": "integer", "example": 0 }, "PROXY_SERPS": { "type": "integer", "example": 0 } } } } } } } } } } ```