ForHosting KIT · Images

Calculateur OKLab ΔE (ΔEOK)

Collez deux codes hex sRGB et obtenez leur ΔEOK, la distance en ligne droite qui les sépare dans OKLab : #000000 comparé à lui-même donne 0, et plus les couleurs s’éloignent, plus le chiffre grimpe. Gratuit dans votre navigateur.

Gratuit
Fonctionne dans votre navigateur
Sans inscription
Vos données restent sur votre appareil

Lancer gratuitement Voir l’API

Utilisez-le depuis WebAPIE-mailTelegramApp bientôt

Exemple résolu

Si vous saisissez

Hex1: #000000
Hex2: #000000
Décimales: 6

Vous obtenez

ΔE OK: 0

Distance euclidienne dans OKLab entre deux couleurs hex sRGB. Intention de recherche : calculateur delta E OKLab. Aucun appel réseau ni germe aléatoire n'est requis. Les tâches en échec ne sont pas facturées.

Une seule distance entre deux couleurs

OKLab décrit chaque couleur par trois nombres : L pour la clarté, a et b pour deux axes de couleur. Le ΔEOK, aussi appelé delta E OKLab, traite ces trois nombres comme une position et mesure la ligne droite entre deux positions. Saisissez deux couleurs hex sRGB, les mêmes codes que vous copieriez depuis un fichier de maquette ou une feuille de style, et le calculateur les convertit en OKLab avant de mesurer. Lorsque les deux codes sont identiques, comme #000000 et #000000, la distance vaut 0. Plus la clarté, la teinte ou l’intensité des couleurs divergent, plus le résultat augmente.

Comment il se calcule et quand l’utiliser

Le calcul soustrait les valeurs L, a et b de la seconde couleur à celles de la première, élève chaque écart au carré, additionne les trois carrés et prend la racine carrée. Comme chaque écart est mis au carré, inverser les deux couleurs donne la même réponse. Vous pouvez fixer le nombre de décimales à garder ; l’arrondi s’applique une fois au résultat complet. Utilisez-le pour vérifier que deux versions d’une couleur de marque concordent encore, pour espacer les teintes d’une palette ou pour repérer des couleurs presque en double dans une liste. Une erreur fréquente consiste à comparer ce chiffre aux valeurs ΔE d’autres formules : chacune a sa propre échelle, alors fixez vos tolérances avec la même formule du début à la fin.

Cas d’usage

Enseignement

Goldens épinglés.

Questions fréquentes

Que mesure le delta E OKLab ?

Il mesure l’écart entre deux couleurs dans l’espace colorimétrique OKLab. L’outil convertit les deux couleurs hex sRGB en OKLab et renvoie la distance en ligne droite qui les sépare ; deux couleurs identiques donnent 0.

Quelle est la formule du ΔEOK ?

Le ΔEOK est la racine carrée de ΔL² + Δa² + Δb² : on soustrait la clarté L et les axes de couleur a et b des deux couleurs, on élève chaque écart au carré, on additionne et on prend la racine.

Quelles couleurs puis-je comparer ?

Deux couleurs écrites en codes hex sRGB, par exemple #000000. Saisissez la première puis la seconde ; l’ordre ne change pas la distance, car la formule n’utilise que des écarts élevés au carré.

Puis-je arrondir le résultat ?

Oui. Choisissez le nombre de décimales, par exemple 6. L’arrondi se fait une seule fois, au demi supérieur, sur la distance non arrondie.

Outils associés

Pour les développeurs — accès API

Tout sur cette page est disponible par programmation. Cette section s'adresse aux équipes qui veulent l'intégrer à leurs systèmes ; les autres peuvent simplement utiliser l'outil ci-dessus.

Endpoint

POSThttps://api.kit.forhosting.com/color/delta-e-ok

Authentification par jeton Bearer : un seul POST met la tâche en file d’attente, et le résultat vous parvient par webhook ou lien signé.

Appeler depuis votre 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)

Exemple de requête

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

Exemple de réponse

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

L’API est asynchrone : chaque appel renvoie un task_id immédiatement, puis vous interrogez l’état à raison d’une requête par seconde.

Tarifs

par requête$0.002

Le prix est publié, sans tokens ni crédits. Une tâche qui échoue n’est pas facturée.

Erreurs

HTTP	Code	Signification
`401`	`unauthorized`	Clé API absente ou invalide : vérifiez l’en-tête Authorization.
`402`	`insufficient_balance`	Solde insuffisant : rechargez votre compte pour lancer cette tâche.
`404`	`unknown_type`	Type de tâche inconnu : vérifiez le champ type de votre requête.
`429`	`rate_limited`	Trop de requêtes : ralentissez la cadence, puis réessayez.

Notes techniques

Le calculateur est gratuit dans le navigateur, déterministe et identique sur le chemin de l'API. Les entrées sont validées avant tout calcul, de sorte que les charges utiles non valides échouent avec invalid_input. L'arrondi half-up est appliqué une seule fois à partir des valeurs IEEE brutes lorsque des décimales sont demandées. Utilisez le même JSON depuis des tableurs, des crochets CMS, l'automatisation ou des démos pédagogiques.

Fonctionnement

Distance euclidienne dans OKLab entre deux couleurs hex sRGB. ΔEOK = √(ΔL²+Δa²+Δb²) dans OKLab. Aucun appel réseau ni germe aléatoire n'est requis. Les tâches en échec ne sont pas facturées. Aucun appel réseau ni germe aléatoire n'est requis. Les tâches en échec ne sont pas facturées. Le calculateur est gratuit dans le navigateur, déterministe et identique sur le chemin de l'API. Les entrées sont validées avant tout calcul, de sorte que les charges utiles non valides échouent avec invalid_input. L'arrondi half-up est appliqué une seule fois à partir des valeurs IEEE brutes lorsque des décimales sont demandées. Utilisez le même JSON depuis des tableurs, des crochets CMS, l'automatisation ou des démos pédagogiques. Le calculateur est gratuit dans le navigateur, déterministe et identique sur le chemin de l'API. Les entrées sont validées avant tout calcul, de sorte que les charges utiles non valides échouent avec invalid_input. L'arrondi half-up est appliqué une seule fois à partir des valeurs IEEE brutes lorsque des décimales sont demandées. Utilisez le même JSON depuis des tableurs, des crochets CMS, l'automatisation ou des démos pédagogiques.

Entrées, limites et arrondi

Les décimales facultatives utilisent l'arrondi half-up une seule fois. Les champs de sortie facultatifs sont omis, jamais null. Aucun appel réseau ni germe aléatoire n'est requis. Les tâches en échec ne sont pas facturées. Aucun appel réseau ni germe aléatoire n'est requis. Fournissez les champs JSON requis avec des noms sûrs pour le DOM. Les types non valides déclenchent invalid_input. Le calculateur est gratuit dans le navigateur, déterministe et identique sur le chemin de l'API. Les entrées sont validées avant tout calcul, de sorte que les charges utiles non valides échouent avec invalid_input. L'arrondi half-up est appliqué une seule fois à partir des valeurs IEEE brutes lorsque des décimales sont demandées. Utilisez le même JSON depuis des tableurs, des crochets CMS, l'automatisation ou des démos pédagogiques. Le calculateur est gratuit dans le navigateur, déterministe et identique sur le chemin de l'API. Les entrées sont validées avant tout calcul, de sorte que les charges utiles non valides échouent avec invalid_input. L'arrondi half-up est appliqué une seule fois à partir des valeurs IEEE brutes lorsque des décimales sont demandées. Utilisez le même JSON depuis des tableurs, des crochets CMS,

Quand l'utiliser

À utiliser lorsque l'intention de recherche correspond. Distance euclidienne dans OKLab entre deux couleurs hex sRGB. Livraison en anglais uniquement ; Nitro hydrate les autres locales. Aucun appel réseau ni germe aléatoire n'est requis. Les tâches en échec ne sont pas facturées. Aucun appel réseau ni germe aléatoire n'est requis. Le calculateur est gratuit dans le navigateur, déterministe et identique sur le chemin de l'API. Les entrées sont validées avant tout calcul, de sorte que les charges utiles non valides échouent avec invalid_input. L'arrondi half-up est appliqué une seule fois à partir des valeurs IEEE brutes lorsque des décimales sont demandées. Utilisez le même JSON depuis des tableurs, des crochets CMS, l'automatisation ou des démos pédagogiques. Le calculateur est gratuit dans le navigateur, déterministe et identique sur le chemin de l'API. Les entrées sont validées avant tout calcul, de sorte que les charges utiles non valides échouent avec invalid_input. L'arrondi half-up est appliqué une seule fois à partir des valeurs IEEE brutes lorsque des décimales sont demandées. Utilisez le même JSON depuis des tableurs, des crochets CMS, l'automatisation ou des démos pédagogiques.

Cas d'intégration

Vérification rapide

Widget gratuit.

Automatisation

API avec le même JSON.

Questions techniques

Gratuit ?

Oui, tier A.

Réseau ?

Non.

Entrée incorrecte ?

Renvoie invalid_input.

API disponible ?

Oui.

Langues ?

EN uniquement ; Nitro hydrate.

Consulter la documentation complète du KIT →

Lancer gratuitement