# 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:** 18 total users, 4 monthly users, 100.0% runs succeeded, 0 bookmarks
- **User rating**: No ratings yet

## Pricing

from $2.00 / 1,000 results

This Actor is paid per event. You are not charged for the Apify platform usage, but only a fixed price for specific events.

Learn more: https://docs.apify.com/actors/running/actors-in-store.md#pay-per-event

## What's an Apify Actor?

Actors are web data automations that power AI and operations. They run on the Apify platform to scrape websites, process data, connect APIs, and automate workflows.
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.

- **AI agents and MCP clients** — the [Apify MCP server](https://docs.apify.com/integrations/mcp.md) at `https://mcp.apify.com` (remote, streamable HTTP, OAuth on first use).
- **Agentic workflows and local Actor development** — [Agent Skills](https://apify.com/.well-known/agent-skills/index.json) with the [Apify CLI](https://docs.apify.com/cli/docs.md): `npm install -g apify-cli`, then `apify login`.
- **JavaScript/TypeScript projects** — the official [JS/TS client](https://docs.apify.com/api/client/js/docs.md): `npm install apify-client`.
- **Python projects** — the official [Python client](https://docs.apify.com/api/client/python/docs.md): `pip install apify-client`.
- **Any other language** — 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 '<YOUR_API_TOKEN>' with your token
const client = new ApifyClient({
    token: '<YOUR_API_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 '<YOUR_API_TOKEN>' with your token.
client = ApifyClient("<YOUR_API_TOKEN>")

# 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(f"💾 Check your data here: https://console.apify.com/storage/datasets/{run.default_dataset_id}")
for item in client.dataset(run.default_dataset_id).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": {
            "type": "http",
            "url": "https://mcp.apify.com/?tools=fetch-actor-details,botflowtech/website-color-palette-extractor"
        }
    }
}

```

The hosted server signs you in with OAuth on first connect, so no API token belongs in this config. Clients without OAuth support can send an `Authorization: Bearer <APIFY_API_TOKEN>` header instead, using a token from API & Integrations in Apify Console (https://console.apify.com/settings/integrations).

## OpenAPI specification

Download the OpenAPI definition: https://api.apify.com/v2/actors/tEN0VyzC8AuHgqNPJ/builds/pd3mXclh6Rs1ZZ1EY/openapi.json