ForHosting KIT · Bilder bearbeiten & analysieren

Farbpalette aus einem Bild extrahieren

Dieses Werkzeug aus dem KIT liest die Farbpalette eines Bildes aus und zeigt die wichtigsten Farbtöne als Hex-Werte an. Es eignet sich, um aus einem Foto oder Logo eine passende Farbauswahl für eine Website, ein Design oder eine Präsentation abzuleiten. Läuft vollständig im Browser, ohne Hochladen.

● StabilKostenlos · im Browser

Im Browser ausführen – kostenlos API ansehen

Nutzen Sie es über WebAPIE-MailApp baldTelegram bald

Was eine Farbpalette zeigt

Statt eine einzelne Farbe zu bestimmen, listet die Palette mehrere Farbtöne auf, die ein Bild prägen – meist zwischen fünf und acht Werten, sortiert nach Häufigkeit im Bild. Jede Farbe erhalten Sie als Hex-Code, den Sie direkt in ein Grafikprogramm, ein CSS-Stylesheet oder eine Präsentationssoftware einfügen können, ohne die Farben mühsam mit dem Auge abschätzen und von Hand nachbauen zu müssen.

Von einem Foto zu einem Farbschema

Ein Landschaftsfoto, ein Produktbild oder ein Logo enthält oft schon eine stimmige Farbkombination, die sich für ein neues Design wiederverwenden lässt. Anstatt Farben zu raten oder aufwendig einzeln von Hand zu bestimmen, extrahieren Sie die tatsächlich vorkommenden Töne und bauen darauf ein Farbschema für eine Website oder einen Foliensatz auf, das erkennbar zum Ausgangsbild passt und insgesamt stimmig wirkt, ohne Zufallstreffer.

Kostenlos, ohne Ihr Bild zu übertragen

Die Auswertung läuft vollständig in Ihrem Browser: Das Bild wird analysiert, ohne dass es an einen Server geschickt wird. Das Werkzeug ist kostenlos, ohne Nutzungslimit und ohne Anmeldung nutzbar – ideal, wenn Sie schnell und ohne Umweg die Farben eines Bildes prüfen möchten, etwa während Sie mitten an einem Layout oder einer Präsentation arbeiten und wenig Zeit für Umwege haben.

Ein Wert allein reicht manchmal nicht

Wenn Sie nur die eine wichtigste Farbe eines Bildes brauchen, etwa für einen Hintergrund oder einen Ladebalken, ist die vollständige Palette mehr, als Sie eigentlich benötigen. Für diesen Fall gibt es ein eigenes, einfacheres Werkzeug, das ausschließlich die dominante Farbe zurückgibt, statt einer ganzen Liste an Farbtönen zur weiteren Auswahl und eigenen Entscheidung darüber, was gerade in einem kurzen Arbeitsschritt oft schneller zum Ziel führt.

Anwendungsfälle

Ein Farbschema aus dem Firmenlogo ableiten

Die Weber Metallbau GmbH möchte die Website farblich an ihr Logo anpassen. Aus dem Logo extrahiert sie die Farbpalette und übernimmt die Hex-Werte direkt in das Stylesheet der Seite.

Eine Präsentation zu einem Produktfoto passend gestalten

Für eine Präsentation soll das Farbschema zu einem Produktfoto passen. Katrin Baumann liest die Palette des Fotos aus und übernimmt die Farbtöne für Folienhintergrund und Überschriften.

Farbinspiration aus einem Landschaftsfoto

Ein Designer sucht eine stimmige Farbkombination für ein Projekt und extrahiert die Palette aus einem selbst aufgenommenen Landschaftsfoto als Ausgangspunkt.

Häufige Fragen

Wie viele Farben enthält die extrahierte Palette?

In der Regel zwischen fünf und acht Farbtöne, sortiert danach, wie stark sie im Bild vertreten sind. Das reicht für die meisten Design-Zwecke, ohne unübersichtlich zu werden.

In welchem Format erhalte ich die Farben?

Als Hex-Codes, die Sie direkt in CSS, ein Grafikprogramm oder eine Präsentationssoftware einfügen können, ohne sie umrechnen zu müssen.

Ist die Palettenextraktion kostenlos?

Ja, vollständig kostenlos, ohne Limit und ohne Anmeldung, solange Sie das Werkzeug im Browser nutzen.

Wird mein Bild dafür hochgeladen?

Nein. Die Auswertung findet direkt in Ihrem Browser statt, das Bild wird an keinen Server übertragen.

Ich brauche nur eine einzige Farbe, nicht die ganze Palette – geht das auch?

Ja, dafür gibt es ein eigenes Werkzeug, das ausschließlich die dominante Farbe eines Bildes bestimmt, wenn Ihnen eine vollständige Palette zu umfangreich ist.

Funktioniert das mit jedem Bildformat?

Ja, JPG, PNG und WebP werden unterstützt, bis 15 MB und 12 Megapixel pro Bild.

Für Entwickler — API-Zugang

Alles auf dieser Seite ist auch per API verfügbar. Dieser Abschnitt richtet sich an Teams, die es in ihre eigenen Systeme einbinden möchten; alle anderen nutzen einfach das Tool oben.

Endpunkt

POSThttps://api.kit.forhosting.com/image/palette

Authentifizierung per Bearer-Token. Ein einziger POST stellt die Aufgabe in die Warteschlange; das Ergebnis erhalten Sie per Webhook oder über einen signierten Link.

Aufruf aus Ihrem Stack

curl -X POST https://api.kit.forhosting.com/image/palette \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d &#39;{"image":"https://ejemplo.com/imagen.jpg"}'

const res = await fetch("https://api.kit.forhosting.com/image/palette", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "image": "https://ejemplo.com/imagen.jpg"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/image/palette",
    headers={"Authorization": f"Bearer {os.environ[&#39;KIT_KEY']}"},
    json={
    "image": "https://ejemplo.com/imagen.jpg"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/image/palette", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => &#39;{"image":"https://ejemplo.com/imagen.jpg"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"image":"https://ejemplo.com/imagen.jpg"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/image/palette", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Beispiel-Anfrage

{
  "image": "https://ejemplo.com/imagen.jpg"
}

Beispiel-Antwort

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "image.palette",
  "status": "queued",
  "_links": {
    "result": "/tasks/tsk_…/result"
  }
}

Die API arbeitet asynchron: Sie erhalten sofort eine task_id. Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Preis

pro Anfrage$0.002

Der Preis steht auf der Seite – keine Tokens, keine Credits. Fehlgeschlagene Aufgaben werden nicht berechnet.

Limits

`max_mb`	15
`max_megapixels`	12

Fehler

HTTP	Code	Bedeutung
`401`	`unauthorized`	Der API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
`402`	`insufficient_balance`	Ihr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
`404`	`unknown_type`	Unbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
`429`	`rate_limited`	Zu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →

Im Browser ausführen – kostenlos