ForHosting KIT · Bilder bearbeiten & analysieren

OKLab-ΔE-(ΔEOK)-Rechner – kostenlos

Fügen Sie zwei sRGB-Hexcodes ein und erhalten Sie ihr ΔEOK, den geraden Abstand zwischen ihnen in OKLab: #000000 mit sich selbst ergibt 0, und je weiter die Farben auseinanderliegen, desto größer die Zahl. Kostenlos in Ihrem Browser.

Kostenlos
Läuft in Ihrem Browser
Ohne Anmeldung
Ihre Daten bleiben auf Ihrem Gerät

Im Browser ausführen – kostenlos API ansehen

Nutzen Sie es über WebAPIE-MailTelegramApp bald

Rechenbeispiel

Wenn Sie eingeben

Hex1: #000000
Hex2: #000000
Dezimalstellen: 6

Erhalten Sie

ΔE OK: 0

Euklidischer Abstand in OKLab zwischen zwei sRGB-Hex-Farben. Suchintention: OKLab-Delta-E-Rechner. Es sind keine Netzwerkaufrufe und keine Zufalls-Seeds erforderlich. Fehlgeschlagene Aufträge werden nicht berechnet.

Ein einziger Abstand zwischen zwei Farben

OKLab beschreibt jede Farbe mit drei Zahlen: L für die Helligkeit sowie a und b für zwei Farbachsen. ΔEOK, auch Delta E OKLab genannt, behandelt diese drei Zahlen als Position und misst die gerade Linie zwischen zwei Positionen. Geben Sie zwei sRGB-Hexfarben ein, also dieselben Codes, die Sie aus einer Designdatei oder einem Stylesheet kopieren, und der Rechner wandelt beide vor dem Messen in OKLab um. Sind beide Codes gleich, etwa #000000 und #000000, beträgt der Abstand 0. Je stärker Helligkeit, Farbton oder Intensität auseinanderdriften, desto größer das Ergebnis.

Wie gerechnet wird und wann es sich lohnt

Die Rechnung zieht die Werte L, a und b der zweiten Farbe von denen der ersten ab, quadriert jede Differenz, addiert die drei Quadrate und zieht die Quadratwurzel. Weil jede Differenz quadriert wird, liefert das Vertauschen der Farben dieselbe Antwort. Sie können festlegen, wie viele Nachkommastellen bleiben; gerundet wird einmal am vollständigen Ergebnis. Nutzen Sie es, um zu prüfen, ob zwei Fassungen einer Markenfarbe noch übereinstimmen, um Töne einer Palette gleichmäßig zu staffeln oder um fast doppelte Farben in einer Liste zu finden. Ein häufiger Fehler ist der Vergleich mit ΔE-Werten anderer Formeln: Jede hat ihre eigene Skala, legen Sie Toleranzen also durchgehend mit derselben Formel fest.

Anwendungsfälle

Lehre

Fixierte Goldens.

Häufige Fragen

Was misst Delta E in OKLab?

Es misst, wie weit zwei Farben im Farbraum OKLab voneinander entfernt sind. Das Werkzeug rechnet beide sRGB-Hexfarben in OKLab um und gibt den geraden Abstand zwischen ihnen aus; identische Farben ergeben 0.

Wie lautet die Formel für ΔEOK?

ΔEOK ist die Quadratwurzel aus ΔL² + Δa² + Δb²: Ziehen Sie Helligkeit L und die Farbachsen a und b der beiden Farben voneinander ab, quadrieren Sie jede Differenz, addieren Sie und ziehen Sie die Wurzel.

Welche Farben kann ich vergleichen?

Zwei Farben als sRGB-Hexcode, zum Beispiel #000000. Geben Sie die erste und die zweite Farbe ein; die Reihenfolge ändert den Abstand nicht, weil die Formel nur quadrierte Differenzen verwendet.

Kann ich das Ergebnis runden?

Ja. Wählen Sie die Zahl der Nachkommastellen, zum Beispiel 6. Gerundet wird nur einmal, kaufmännisch, am ungerundeten Abstand.

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/color/delta-e-ok

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/color/delta-e-ok \
  -H "Authorization: Bearer $KIT_KEY" \
  -H "Content-Type: application/json" \
  -d '{"hex1":"#ff0000","hex2":"#00ff00"}'

const res = await fetch("https://api.kit.forhosting.com/color/delta-e-ok", {
  method: "POST",
  headers: {
    "Authorization": `Bearer ${process.env.KIT_KEY}`,
    "Content-Type": "application/json"
  },
  body: JSON.stringify({
    "hex1": "#ff0000",
    "hex2": "#00ff00"
  })
});
const { task_id } = await res.json();

import os, requests

res = requests.post(
    "https://api.kit.forhosting.com/color/delta-e-ok",
    headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
    json={
    "hex1": "#ff0000",
    "hex2": "#00ff00"
},
)
task_id = res.json()["task_id"]

<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/delta-e-ok", false, stream_context_create([
  "http" => [
    "method"  => "POST",
    "header"  => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
    "content" => '{"hex1":"#ff0000","hex2":"#00ff00"}',
  ],
]));
$task = json_decode($res, true);

body := bytes.NewBufferString(`{"hex1":"#ff0000","hex2":"#00ff00"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/delta-e-ok", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)

Beispiel-Anfrage

{
  "hex1": "#ff0000",
  "hex2": "#00ff00"
}

Beispiel-Antwort

{
  "task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
  "type": "color.delta_e_ok",
  "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.

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.

Technische Hinweise

Der Rechner ist im Browser kostenlos, deterministisch und auf dem API-Pfad identisch. Die Eingaben werden vor der Berechnung geprüft, sodass ungültige Nutzlasten mit invalid_input fehlschlagen. Bei angeforderten Dezimalstellen wird die kaufmännische Rundung (half-up) einmalig auf die rohen IEEE-Werte angewendet. Verwenden Sie dasselbe JSON aus Tabellen, CMS-Hooks, Automatisierung oder Lehrdemos.

So funktioniert es

Euklidischer Abstand in OKLab zwischen zwei sRGB-Hex-Farben. ΔEOK = √(ΔL²+Δa²+Δb²) in OKLab. Es sind keine Netzwerkaufrufe und keine Zufalls-Seeds erforderlich. Fehlgeschlagene Aufträge werden nicht berechnet. Es sind keine Netzwerkaufrufe und keine Zufalls-Seeds erforderlich. Fehlgeschlagene Aufträge werden nicht berechnet. Der Rechner ist im Browser kostenlos, deterministisch und auf dem API-Pfad identisch. Die Eingaben werden vor der Berechnung geprüft, sodass ungültige Nutzlasten mit invalid_input fehlschlagen. Bei angeforderten Dezimalstellen wird die kaufmännische Rundung (half-up) einmalig auf die rohen IEEE-Werte angewendet. Verwenden Sie dasselbe JSON aus Tabellen, CMS-Hooks, Automatisierung oder Lehrdemos. Der Rechner ist im Browser kostenlos, deterministisch und auf dem API-Pfad identisch. Die Eingaben werden vor der Berechnung geprüft, sodass ungültige Nutzlasten mit invalid_input fehlschlagen. Bei angeforderten Dezimalstellen wird die kaufmännische Rundung (half-up) einmalig auf die rohen IEEE-Werte angewendet. Verwenden Sie dasselbe JSON aus Tabellen, CMS-Hooks, Automatisierung oder Lehrdemos.

Eingaben, Grenzen und Rundung

Optionale Dezimalstellen nutzen einmalig half-up. Optionale Ausgabefelder entfallen, sie sind nie null. Es sind keine Netzwerkaufrufe und keine Zufalls-Seeds erforderlich. Fehlgeschlagene Aufträge werden nicht berechnet. Es sind keine Netzwerkaufrufe und keine Zufalls-Seeds erforderlich. Übergeben Sie die erforderlichen JSON-Felder mit DOM-sicheren Namen. Ungültige Typen lösen invalid_input aus. Der Rechner ist im Browser kostenlos, deterministisch und auf dem API-Pfad identisch. Die Eingaben werden vor der Berechnung geprüft, sodass ungültige Nutzlasten mit invalid_input fehlschlagen. Bei angeforderten Dezimalstellen wird die kaufmännische Rundung (half-up) einmalig auf die rohen IEEE-Werte angewendet. Verwenden Sie dasselbe JSON aus Tabellen, CMS-Hooks, Automatisierung oder Lehrdemos. Der Rechner ist im Browser kostenlos, deterministisch und auf dem API-Pfad identisch. Die Eingaben werden vor der Berechnung geprüft, sodass ungültige Nutzlasten mit invalid_input fehlschlagen. Bei angeforderten Dezimalstellen wird die kaufmännische Rundung (half-up) einmalig auf die rohen IEEE-Werte angewendet. Verwenden Sie dasselbe JSON aus Tabellen, CMS-Hooks,

Wann Sie ihn verwenden

Verwenden Sie ihn, wenn die Suchintention passt. Euklidischer Abstand in OKLab zwischen zwei sRGB-Hex-Farben. Lieferung nur auf Englisch; Nitro hydratisiert andere Locales. Es sind keine Netzwerkaufrufe und keine Zufalls-Seeds erforderlich. Fehlgeschlagene Aufträge werden nicht berechnet. Es sind keine Netzwerkaufrufe und keine Zufalls-Seeds erforderlich. Der Rechner ist im Browser kostenlos, deterministisch und auf dem API-Pfad identisch. Die Eingaben werden vor der Berechnung geprüft, sodass ungültige Nutzlasten mit invalid_input fehlschlagen. Bei angeforderten Dezimalstellen wird die kaufmännische Rundung (half-up) einmalig auf die rohen IEEE-Werte angewendet. Verwenden Sie dasselbe JSON aus Tabellen, CMS-Hooks, Automatisierung oder Lehrdemos. Der Rechner ist im Browser kostenlos, deterministisch und auf dem API-Pfad identisch. Die Eingaben werden vor der Berechnung geprüft, sodass ungültige Nutzlasten mit invalid_input fehlschlagen. Bei angeforderten Dezimalstellen wird die kaufmännische Rundung (half-up) einmalig auf die rohen IEEE-Werte angewendet. Verwenden Sie dasselbe JSON aus Tabellen, CMS-Hooks, Automatisierung oder Lehrdemos.

Integrationsbeispiele

Schnelltest

Kostenloses Widget.

Automatisierung

API mit demselben JSON.

Technische Fragen

Kostenlos?

Ja, tier A.

Netzwerk?

Nein.

Ungültige Eingabe?

Meldet invalid_input.

API nutzbar?

Ja.

Sprachen?

Nur EN; Nitro hydratisiert.

Vollständige KIT-Dokumentation lesen →