ForHosting KIT · Entwickler-Tools

Generieren Sie eine Komplementärfarbe aus einem Hex- oder RGB-Wert

Eine Komplementärfarbe liegt dem Ausgangsfarbton im Farbkreis genau gegenüber. Dieser Generator akzeptiert einen üblichen Hex- oder RGB-Wert, behält Sättigung und Helligkeit bei, dreht den Farbton exakt um 180 Grad und gibt die normalisierte Grundfarbe sowie ihr erzeugtes Komplement zurück.

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

Sie können damit starke Zweifarbbeziehungen für Oberflächen, Illustrationen, Diagramme, Markenentwürfe oder Design-Tokens anlegen. Die Berechnung ist deterministisch: Dieselbe gültige Eingabe liefert stets dasselbe Ergebnis, während fehlerhafte Farbformate mit einer eindeutigen Eingabemeldung abgewiesen werden.

Geben Sie eine genaue Grundfarbe ein

Beginnen Sie mit der bereits bekannten Farbe. Der Generator akzeptiert dreistellige Hex-Werte wie #369, sechsstellige Werte wie #336699, dieselben sechs Zeichen ohne Raute oder eine RGB-Funktion wie rgb(51, 102, 153). Bei Hex-Buchstaben spielt die Großschreibung keine Rolle; die Ausgabe wird als sechsstelliger Hex-Wert in Großbuchstaben normalisiert. RGB-Kanäle müssen ganze Zahlen von null bis 255 sein. Mehrdeutige Formate wie CSS-Farbnamen, Alphakanäle, Prozentwerte, unvollständige Hex-Angaben oder Kanäle außerhalb des gültigen Bereichs werden abgewiesen und nicht geraten. Senden Sie den Wert im Feld color; auch der Alias value wird angenommen. Die Antwort wiederholt die normalisierte Grundfarbe, damit Sie vor der Verwendung des Ergebnisses genau prüfen können, wie der Dienst Ihre Eingabe verstanden hat.

Verstehen Sie die Drehung um 180 Grad

Die Berechnung wandelt die Grundfarbe von RGB in das HSL-Modell um, addiert 180 Grad zum Farbton, führt das Ergebnis in den 360-Grad-Kreis zurück und wandelt es wieder in RGB um. Sättigung und Helligkeit bleiben unverändert. Das ist ein Farbkreis-Komplement und keine einfache Umkehr jedes RGB-Kanals. Rot bewegt sich zu Cyan, Grün zu Magenta und Blau zu Gelb. Gerundet wird erst bei der Rückkehr zu ganzzahligen RGB-Kanälen. Neutrale Grautöne haben keine Sättigung und deshalb keinen sichtbaren Farbton; eine Drehung ändert ihr Erscheinungsbild folgerichtig nicht. Die Antwort enthält Hex sowie getrennte Rot-, Grün- und Blaukanäle für Grundfarbe und Komplement. Diese Struktur eignet sich für visuelle Zwecke und automatische Abläufe, ohne dass Sie eine formatierte Zeichenfolge zerlegen müssen.

Nutzen Sie das Ergebnis als Ausgangspunkt

Komplementärfarben schaffen deutliche Trennung, doch das rohe Paar ist ein Ausgangspunkt und keine Garantie für Barrierefreiheit oder eine gelungene Komposition. Voll gesättigte Komplementärfarben können bei gleicher Fläche visuell flimmern. Viele Oberflächen nutzen daher einen Farbton als dominante Fläche und das Komplement nur als Akzent, Statusmarkierung, Datenreihe oder Handlungsaufforderung. Aus beiden Farben können Sie außerdem hellere und dunklere Varianten bilden. Prüfen Sie bei Text und Bedienelementen den Kontrast zum tatsächlichen Hintergrund, da gegenüberliegende Farbtöne keine gleiche Leuchtdichte garantieren. Die deterministische Ausgabe hilft Build-Prozessen, aus einer Markenfarbe immer denselben Akzent abzuleiten. Sie passt auch zu Prototypen, Diagrammen, Themen und Asset-Pipelines. API-Anfragen verwenden den veröffentlichten Grundpreis von $0.002; im Browser kann dieselbe reine Berechnung lokal erfolgen.

Erzeugen Sie einen Oberflächenakzent

Leiten Sie aus einer vorhandenen Themenfarbe einen Gegenfarbton für Schaltflächen, Kennzeichen, Hervorhebungen oder Fokuselemente ab.

Bauen Sie eine Palette für zwei Reihen

Erzeugen Sie aus der ersten Datenfarbe einen klar getrennten zweiten Farbton und prüfen Sie den Kontrast im fertigen Diagramm.

Automatisieren Sie Design-Tokens

Wandeln Sie einen gespeicherten Marken-Hexwert beim Build oder beim Erstellen eines Themas in ein deterministisches Komplement-Token um.

Welche Farbformate werden akzeptiert?

Verwenden Sie drei- oder sechsstellige Hex-Werte, sechsstellige Hex-Werte ohne Raute oder rgb(r, g, b) mit ganzen Kanälen von 0 bis 255.

Wie wird die Komplementärfarbe berechnet?

Der RGB-Ausgangswert wird in HSL umgewandelt, sein Farbton um 180 Grad gedreht und das Ergebnis wieder in RGB konvertiert.

Ist das dasselbe wie eine RGB-Umkehrung?

Nein. Der Generator dreht den Farbton bei gleicher HSL-Sättigung und -Helligkeit; die direkte RGB-Umkehrung ist eine andere Operation.

Was geschieht mit Grau, Weiß oder Schwarz?

Neutrale Farben haben keinen sichtbaren Farbton, daher verändert eine Farbtondrehung ihr Erscheinungsbild nicht.

Was kostet eine API-Anfrage?

Jede Anfrage nutzt den veröffentlichten Grundpreis von $0.002. Dieselbe deterministische Berechnung steht im Browser bereit.

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/color/complementary-generate

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/color/complementary-generate \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"color":"#336699"}'
{
  "color": "#336699"
}
{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.complementary_generate",
  "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 →