colorspalettedesignimagecss

Color Extractor

Extrae paletas de color de cualquier imagen en segundos

Extrae la paleta de colores dominantes de cualquier URL de imagen. Devuelve hasta 6 colores con su valor HEX, RGB, HSL y porcentaje de prominencia.

POST/api/v1/color-extractor
3 tokens / callAPI online

How it works

Three steps. No complex setup.

1

Send your request

Make a POST with the data you want to analyze. Include your API key in the Authorization header.

2

We process server-side

Our engine validates, analyzes and enriches the data in under 200ms. No external APIs, no network latency.

3

Receive the result

Typed JSON with all documented fields. Clear errors if something fails. Production ready.

Who is it for?

Productivity apps
Personal assistants
Automation
Internal tools

Response example

Real input and output. What you send and what you get back.

// Input

{
  "imageUrl": "https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png"
}

// Output

{
  "palette": [
    {
      "name": "Vibrant",
      "hex": "#E63946",
      "rgb": [
        230,
        57,
        70
      ],
      "hsl": [
        356,
        78,
        56
      ],
      "prominence": 0.32
    },
    {
      "name": "DarkVibrant",
      "hex": "#1D3557",
      "rgb": [
        29,
        53,
        87
      ],
      "hsl": [
        216,
        50,
        23
      ],
      "prominence": 0.28
    },
    {
      "name": "LightVibrant",
      "hex": "#A8DADC",
      "rgb": [
        168,
        218,
        220
      ],
      "hsl": [
        182,
        44,
        76
      ],
      "prominence": 0.18
    },
    {
      "name": "Muted",
      "hex": "#457B9D",
      "rgb": [
        69,
        123,
        157
      ],
      "hsl": [
        204,
        39,
        44
      ],
      "prominence": 0.12
    },
    {
      "name": "DarkMuted",
      "hex": "#1D3557",
      "rgb": [
        29,
        53,
        87
      ],
      "hsl": [
        216,
        50,
        23
      ],
      "prominence": 0.06
    },
    {
      "name": "LightMuted",
      "hex": "#F1FAEE",
      "rgb": [
        241,
        250,
        238
      ],
      "hsl": [
        108,
        67,
        96
      ],
      "prominence": 0.04
    }
  ],
  "dominantColor": "#E63946",
  "totalColors": 6,
  "imageUrl": "https://upload.wikimedia.org/wikipedia/commons/thumb/4/47/PNG_transparency_demonstration_1.png/280px-PNG_transparency_demonstration_1.png"
}

Try it now

// live demo — no account needed to try

Playground

Demo activa3 tokens

Integrate into your project

Copy and paste. Replace YOUR_API_KEY with your real key.

curl -X POST https://jsnhengine.com/api/v1/color-extractor \
  -H "Authorization: Bearer YOUR_API_KEY" \
  -H "Content-Type: application/json" \
  -d '{"imageUrl": "https://example.com/image.jpg"}'

Why choose JSNH Engine Lab

Low latency

Responses in under 200ms

Secure authentication

API keys with per-plan rate limiting

Usage tracking

Every request logged with metrics

Production ready

Input validation and typed errors

Frequently asked questions

Everything you need to know before integrating.

Other modules

Expand your integration with more APIs from the catalogue.

Community reviews

What developers using this module say

Sign in to leave a review

No reviews yet. Be the first!

// production ready

Start using Color Extractor

Sign up free and get 1,000 tokens to start. No credit card. No complex setup.