Pricing

from $36.00 / 1,000 url analyzeds

Try for free

Go to Apify Store

Color Palette Extractor: web pages and images to hex palettes

Try for free

Renders each web page in a headless browser, or reads each image, and returns its dominant colors with hex, RGB and share, plus the CSS color variables the page defines.

Pricing

from $36.00 / 1,000 url analyzeds

Rating

0.0

(0)

Developer

Ed Rayyis

Actor stats

Bookmarked

Total users

Monthly active users

2 days ago

Last modified

Categories

For creators

Developer tools

You can access the Color Palette Extractor: web pages and images to hex palettes programmatically from your own applications by using the Apify API. You can also choose the language preference from below. To use the Apify API, you’ll need an Apify account and your API token, found in API & Integrations in Apify Console.

Python

JavaScript

CLI

OpenAPI

HTTP

MCP

{
  "openapi": "3.0.1",
  "info": {
    "version": "0.1",
    "x-build-id": "LspcUWsSp6WDVRVUn"
  },
  "servers": [
    {
      "url": "https://api.apify.com/v2"
    }
  ],
  "paths": {
    "/acts/examsens.ai~color-palette-extractor/run-sync-get-dataset-items": {
      "post": {
        "operationId": "run-sync-get-dataset-items-examsens.ai-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/examsens.ai~color-palette-extractor/runs": {
      "post": {
        "operationId": "runs-sync-examsens.ai-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/examsens.ai~color-palette-extractor/run-sync": {
      "post": {
        "operationId": "run-sync-examsens.ai-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": "Web pages or image URLs",
            "type": "array",
            "description": "Web pages to render, or direct links to images (JPEG, PNG, GIF, WebP, AVIF, BMP, TIFF or SVG). The type is read from the server's answer, so you can mix both in one run.",
            "items": {
              "type": "object",
              "required": [
                "url"
              ],
              "properties": {
                "url": {
                  "type": "string",
                  "title": "URL of a web page",
                  "format": "uri"
                }
              }
            }
          },
          "colorCount": {
            "title": "Colors per palette",
            "minimum": 2,
            "maximum": 32,
            "type": "integer",
            "description": "How many dominant colors to return for each page or image.",
            "default": 8
          },
          "fullPage": {
            "title": "Whole page (web pages)",
            "type": "boolean",
            "description": "Read colors from the whole scrollable page. When off, only the first screen is read.",
            "default": false
          },
          "viewportWidth": {
            "title": "Browser width (web pages)",
            "minimum": 320,
            "maximum": 2560,
            "type": "integer",
            "description": "Browser window width in pixels.",
            "default": 1280
          },
          "viewportHeight": {
            "title": "Browser height (web pages)",
            "minimum": 320,
            "maximum": 2560,
            "type": "integer",
            "description": "Browser window height in pixels.",
            "default": 800
          },
          "includeCssVariables": {
            "title": "CSS color variables (web pages)",
            "type": "boolean",
            "description": "List the CSS custom properties on the page whose value is a color, with the resolved hex.",
            "default": true
          },
          "timeoutSecs": {
            "title": "Timeout per URL (seconds)",
            "minimum": 5,
            "maximum": 180,
            "type": "integer",
            "description": "Give up on a page or image after this many seconds.",
            "default": 45
          }
        }
      },
      "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
                  },
                  "PROXY_UNBLOCKER_UNITS": {
                    "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
                  },
                  "PROXY_UNBLOCKER_UNITS": {
                    "type": "integer",
                    "example": 0
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}

Color Palette Extractor for Pages and Images OpenAPI definition

OpenAPI is a standard for designing and describing RESTful APIs, allowing developers to define API structure, endpoints, and data formats in a machine-readable way. It simplifies API development, integration, and documentation.

OpenAPI is effective when used with AI agents and GPTs by standardizing how these systems interact with various APIs, for reliable integrations and efficient communication.

By defining machine-readable API specifications, OpenAPI allows AI models like GPTs to understand and use varied data sources, improving accuracy. This accelerates development, reduces errors, and provides context-aware responses, making OpenAPI a core component for AI applications.

You can download the OpenAPI definitions for Color Palette Extractor: web pages and images to hex palettes from the options below:

OpenAPI.json

If you’d like to learn more about how OpenAPI powers GPTs, read our blog post.

You can also check out our other API clients:

Color Palette Extractor: web pages and images to hex palettes API in Python

Color Palette Extractor: web pages and images to hex palettes API in JavaScript

Color Palette Extractor: web pages and images to hex palettes API through CLI

Color Palette Extractor: web pages and images to hex palettes API

Color Palette Fashion Finder

wild_yapok/color-palette-fashion-finder

Find clothing items that match your color palette from top fashion retailers. Specify colors by + name or hex codes + , and this Actor will search Zara, H&M, ASOS, and Shein for matching products using advanced color + similarity algorithms

Dominik Hajczuk

216

Website Color Palette Extractor

botflowtech/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.

BotFlowTech

Website Color Palette Extractor: Design Tokens, CSS & Tailwind

hydrafetch/website-color-palette-extractor

Give it domains and get each site's design as tokens: colors by role, fonts, type scale, radius, shadows and spacing, plus a paste-ready CSS stylesheet and Tailwind CSS v4 theme to restyle an app like it. Input: domains like linear.app. One row per site; failures are not charged.

Hydrafetch

Site Color Palette Extractor

rainminer/site-palette-extractor

Extract the dominant color palette from any website or image URL. Analyzes og:image, favicon, and meta theme-color. Returns one row per swatch with hex, RGB, and population. Built for AI agents and design automation.

rainminer

Color Palette Extractor

web.harvester/color-palette-extractor

Extract dominant colors from images using K-means clustering. Get color palettes in HEX, RGB, and HSL formats with color names and percentages.

Web Harvester

Website Color Palette Extractor - Hex Colors from URL

eliai/webpage-color-palette

Extract a website's color palette - hex/rgb/hsl from styles and theme-color meta - normalized and ranked by frequency. Single or bulk. $0.0008 per page no start fee, cheaper than paid palette actors; failed fetches free.

Broke to Built

Color Converter Input

moving_beacon-owner1/color-converter-input

A versatile tool for converting colours between HEX, RGB, and HSL formats while generating harmonious colour palettes.

Jamshaid Arif

Ai Color Palette Generator

calm_necessity/ai-color-palette-generator

Generate professional color palettes using AI from text descriptions. This Actor creates structured color suggestions with hex codes, names, categories, and similarity scores, making it ideal for branding, UI/UX design, web development, and automated design workflows.

Taher Ali Badnawarwala

Website Color Palette Extractor - Brand Colors from CSS

propped_cloak/website-color-palette

Brand color, palette and paste-ready design tokens (CSS variables, Tailwind v4 theme) of any website, read from its CSS, in bulk. No browser. $2 per 1,000 sites.

Emmanuel Vingadassalon

Color Palette Generator

mangudai/color-palette-generator

Generate color palettes from a hex color, a theme in plain words, or an image URL. Get hex, RGB, HSL, color names, WCAG contrast grades, and copy-paste CSS, SCSS and Tailwind. Fully offline, no API key, no scraping.