ForHosting KIT · Entwickler-Tools

Nutzungsverhältnis der Markenfarben prüfen

Eine Markenpalette ist mehr als eine Liste zugelassener Farben: Sie braucht auch ein stimmiges Verhältnis.

● BetaKostenlos · im Browser
Nutzen Sie es über WebAPIE-MailTelegramApp bald

Dieses Werkzeug wandelt gemessene Pixel-Flächenanteile in Prozentwerte um und vergleicht jede Farbe mit dem Anteil aus Ihrer Vorgabe. Geben Sie die Abdeckung in Pixeln oder einer anderen einheitlichen Flächeneinheit an, ergänzen Sie Zielwerte wie 60, 30 und 10 und wählen Sie eine zulässige Toleranz. Das Ergebnis zeigt, welche Farben die Vorgabe erfüllen, wie stark jede einzelne abweicht und ob das Design insgesamt dem Leitfaden entspricht.

Machen Sie aus Pixelabdeckung eine aussagekräftige Palettenprüfung

Ein Motiv kann sämtliche freigegebenen Farbtöne enthalten und dennoch untypisch für die Marke wirken, wenn ihre Anteile nicht stimmen. Eine zu große Akzentfläche kann die Primärfarbe verdrängen, während ein übermäßiger neutraler Bereich eine Kampagne kraftlos erscheinen lässt. Beginnen Sie mit Flächenmessungen des gesamten Designs oder eines eindeutig festgelegten Ausschnitts. Legen Sie für jede Markenfarbe eine Zeile an und verwenden Sie überall dieselbe Einheit. Pixelzahlen eignen sich gut, doch auch Quadratpunkte, Stichprobenzellen oder jede andere gemeinsame Flächeneinheit liefern dieselben Prozentanteile. Das Werkzeug addiert die Werte und teilt jede Farbe durch die positive Gesamtsumme; Bildmaße und Messskala verändern das Verhältnis daher nicht. Benennen Sie Farben nach Rolle oder Code so, dass Prüfer sie erkennen. Erfassen Sie alle relevanten Flächen. Wenn Sie einen großen Hintergrund auslassen oder unterschiedliche Farben zusammenfassen, kann ein rechnerisch korrektes Ergebnis das falsche Design beschreiben. Transparente Bereiche und Fotos sollten nur einbezogen werden, wenn Ihre Markenvorgabe sie ausdrücklich zur Farbabdeckung zählt.

Legen Sie Ziele fest und deuten Sie Prozentpunktabweichungen

Tragen Sie für jede aufgeführte Farbe einen Zielprozentsatz ein. Die Ziele müssen zusammen 100 ergeben, da sie die gesamte gemessene Fläche der Markenfarben beschreiben. Eine klassische Hierarchie verwendet 60 Prozent für die dominante Farbe, 30 für die Sekundärfarbe und 10 für den Akzent. Der Rechner setzt diese Regel jedoch nicht voraus, sondern unterstützt jede vollständige Verteilung auf zwei bis zwanzig Farben. Die ausgegebene Abweichung wird in Prozentpunkten und nicht als relative prozentuale Änderung angegeben. Belegt eine Farbe 14 Prozent bei einem Ziel von 10, beträgt die Abweichung positive 4 Prozentpunkte. Bei 27.5 Prozent gegenüber einem Ziel von 30 sind es negative 2.5 Punkte. Positiv bedeutet übermäßig, negativ zu wenig verwendet. Die Toleranz bestimmt, welche Unterschiede zulässig sind. Bei einer Toleranz von 2 bestehen Werte von minus 2 bis plus 2. Jede Zeile erhält ein eigenes Prüfergebnis; die Gesamtvorgabe gilt nur dann als erfüllt, wenn sämtliche Zeilen bestehen.

Nutzen Sie das Ergebnis in Designabnahme und Qualitätskontrolle

Betrachten Sie die Zahlen als Beleg für eine visuelle Prüfung und nicht als deren Ersatz. Prüfen Sie zuerst das Gesamtergebnis und anschließend die einzelnen Abweichungen, um die wirkungsvollste Korrektur zu bestimmen. Liegt ein Akzent über dem Ziel, kann eine kleinere Akzentfläche oder eine größere andere Fläche das Gleichgewicht wiederherstellen; alle Prozentwerte hängen über dieselbe Summe zusammen. Speichern Sie Abdeckungsdaten, Zielverteilung, Toleranz und Ergebnis zusammen mit der Designversion, damit andere die Entscheidung nachvollziehen können. In einer automatisierten Qualitätskontrolle können Sie die API-Antwort verwenden, um nicht bestandene Elemente zu kennzeichnen und an einen Designer weiterzuleiten, statt sie kommentarlos abzulehnen. Wenden Sie innerhalb einer Kampagne stets dasselbe Messverfahren an, da Kantenglättung, Farbabstandsschwellen, Verläufe und Zuschnitte die Pixelzahlen vor der Prüfung verändern können. Die Berechnung ist deterministisch und analysiert keine Bilder; sie bewertet ausschließlich die von Ihnen gelieferten Abdeckungswerte.

Eine 60-30-10-Komposition prüfen

Bestätigen Sie, dass dominante, sekundäre und Akzentfarbe im fertigen Layout innerhalb der vereinbarten Toleranz liegen.

Kampagnenkonsistenz kontrollieren

Vergleichen Sie gemessene Palettenanteile in Bannern, Social-Media-Grafiken und Landingpages mit einer reproduzierbaren Regel.

Eine Design-QA-Prüfung ergänzen

Kennzeichnen Sie exportierte Elemente, wenn eine Markenfarbe um mehr als die erlaubten Prozentpunkte vom Ziel abweicht.

Welche Einheit sollte ich für die Abdeckung verwenden?

Verwenden Sie Pixel oder eine beliebige nicht negative Flächeneinheit, solange sie für alle Farben gleich ist. Entscheidend sind nur die Proportionen.

Müssen sich die Zielprozentsätze zu 100 addieren?

Ja. Die Ziele bilden die vollständige Verteilung der gemessenen Markenfarbfläche ab und müssen deshalb zusammen 100 ergeben.

Was bedeutet die Toleranz?

Sie ist die größte erlaubte absolute Abweichung jeder Farbe in Prozentpunkten. Für ein positives Gesamtergebnis müssen alle Farben bestehen.

Extrahiert dieses Werkzeug Farben aus einem Bild?

Nein. Es bewertet bereits vorhandene Abdeckungsmessungen und lädt, untersucht oder klassifiziert keine Bilder.

Was geschieht, wenn alle Abdeckungswerte null sind?

Die Anfrage liefert einen Fehler für ungültige Eingaben, weil sich aus einer nicht positiven Summe keine Prozentwerte berechnen lassen.

Was kostet eine API-Anfrage?

Jede API-Anfrage kostet $0.002. Die Browserversion führt dieselbe deterministische Berechnung lokal aus.

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.

POSThttps://api.kit.forhosting.com/date/brand-color-usage-ratio-check

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

curl -X POST https://api.kit.forhosting.com/date/brand-color-usage-ratio-check \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"colors":[{"color":"Primary blue","coverage":60000,"target_percentage":60},{"color":"Secondary gray","coverage":30000,"target_percentage":30},{"color":"Accent orange","coverage":10000,"target_percentage":10}]}'
{
  "colors": [
    {
      "color": "Primary blue",
      "coverage": 60000,
      "target_percentage": 60
    },
    {
      "color": "Secondary gray",
      "coverage": 30000,
      "target_percentage": 30
    },
    {
      "color": "Accent orange",
      "coverage": 10000,
      "target_percentage": 10
    }
  ]
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "date.brand_color_usage_ratio_check",
  "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.

pro Anfrage$0.002

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

HTTPCodeBedeutung
401unauthorizedDer API-Schlüssel fehlt oder ist ungültig – prüfen Sie den Authorization-Header (Bearer).
402insufficient_balanceIhr Guthaben reicht für diese Aufgabe nicht aus – Aufladungen verfallen nicht.
404unknown_typeUnbekannter Aufgabentyp – prüfen Sie das Feld „type“ gegen den Katalog.
429rate_limitedZu viele Anfragen – warten Sie kurz; Polling ist mit 1 Anfrage pro Sekunde erlaubt.

Vollständige KIT-Dokumentation lesen →