ForHosting KIT · 画像の編集・解析

OKLab ΔE（ΔEOK）計算ツール

二つのsRGB十六進コードを貼り付けると、OKLabでの直線距離ΔEOKが分かります。#000000どうしなら0で、色が離れるほど数値は大きくなります。ブラウザで無料で使えます。

無料
ブラウザで動作
登録不要
データは端末の外に出ません

無料で実行 API仕様を見る

ご利用方法ウェブAPIメールTelegramアプリ近日

計算例

入力した場合

Hex1: #000000
Hex2: #000000
小数点以下の桁数: 6

結果

色差 ΔE OK: 0

2つの sRGB 十六進カラー間の OKLab ユークリッド距離です。検索意図: OKLab delta E 計算ツール。ネットワーク呼び出しや乱数シードは一切必要ありません。失敗したジョブは課金されません。

二つの色のあいだの一つの距離

OKLabは各色を三つの数で表します。Lは明度、aとbは二つの色の軸です。ΔEOK（OKLabのデルタE）は、この三つの数を位置とみなし、二つの位置を結ぶ直線の長さを測ります。デザインファイルやスタイルシートからコピーしたsRGB十六進コードを二つ入力すると、計算ツールが両方をOKLabに変換してから測定します。#000000と#000000のように同じコードなら距離は0です。明度や色合い、鮮やかさの差が広がるほど、結果は大きくなります。

計算の流れと使いどころ

二つ目の色のL、a、bを一つ目の色の値から引き、それぞれの差を二乗して三つを足し、平方根を取ります。差を二乗するため、色の順番を入れ替えても答えは同じです。残す小数点以下の桁数は指定でき、丸めは最終結果に一度だけ行われます。ブランドカラーの二つの版がまだ一致しているかの確認、パレットの色合いの間隔をそろえる作業、色の一覧からほぼ重複した色を見つける作業に役立ちます。よくある間違いは、この数値をほかの式のΔEと比べることです。式ごとに尺度が違うので、許容範囲は同じ式で決めてください。

よくある質問

OKLabのデルタEは何を測りますか？

OKLab色空間で二つの色がどれだけ離れているかを測ります。両方のsRGB十六進カラーをOKLabに変換し、その間の直線距離を返します。同じ色なら0です。

ΔEOKの計算式は何ですか？

ΔL² + Δa² + Δb²の平方根です。二色の明度Lと色の軸a、bの差をそれぞれ二乗し、足し合わせてから平方根を取ります。

どんな色を比べられますか？

#000000のようなsRGB十六進コードで書いた二つの色です。一つ目と二つ目を入力します。式は二乗した差だけを使うため、順番を入れ替えても距離は変わりません。

結果を丸められますか？

はい。小数点以下の桁数を、たとえば6と指定できます。丸めは丸める前の距離に対して一度だけ、四捨五入で行われます。

開発者向け — APIアクセス

このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。

エンドポイント

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

Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。

お使いのスタックから呼び出す

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)

リクエスト例

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

レスポンス例

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

非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。

料金

1リクエストあたり$0.002

単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。

エラー

HTTP	コード	意味
`401`	`unauthorized`	APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。
`402`	`insufficient_balance`	残高が不足しています。チャージ後に再度お試しください。
`404`	`unknown_type`	指定されたタスクタイプは存在しません。タイプ名を確認してください。
`429`	`rate_limited`	リクエストが多すぎます。しばらく待ってから再度お試しください。

技術的な注記

この計算ツールはブラウザでは無料で、決定的に動作し、API パスでも同一の結果になります。入力は計算の前に検証されるため、不正なペイロードは invalid_input で失敗します。小数が指定された場合、half-up の丸めは生の IEEE 値に対して一度だけ適用されます。表計算、CMS フック、自動化、教材デモから同じ JSON を利用できます。

仕組み

2つの sRGB 十六進カラー間の OKLab ユークリッド距離です。ΔEOK = √(ΔL²+Δa²+Δb²)（OKLab）。ネットワーク呼び出しや乱数シードは一切必要ありません。失敗したジョブは課金されません。ネットワーク呼び出しや乱数シードは一切必要ありません。失敗したジョブは課金されません。この計算ツールはブラウザでは無料で、決定的に動作し、API パスでも同一の結果になります。入力は計算の前に検証されるため、不正なペイロードは invalid_input で失敗します。小数が指定された場合、half-up の丸めは生の IEEE 値に対して一度だけ適用されます。表計算、CMS フック、自動化、教材デモから同じ JSON を利用できます。この計算ツールはブラウザでは無料で、決定的に動作し、API パスでも同一の結果になります。入力は計算の前に検証されるため、不正なペイロードは invalid_input で失敗します。小数が指定された場合、half-up の丸めは生の IEEE 値に対して一度だけ適用されます。表計算、CMS フック、自動化、教材デモから同じ JSON を利用できます。

入力・制限・丸め

任意の小数は half-up を一度だけ用います。ネットワーク呼び出しや乱数シードは一切必要ありません。失敗したジョブは課金されません。ネットワーク呼び出しや乱数シードは一切必要ありません。表計算、CMS フック、DOM 安全な名前を持つ必須の JSON フィールドを指定してください。不正な型は invalid_input を発生させます。任意の出力フィールドは省略され、null にはなりません。この計算ツールはブラウザでは無料で、決定的に動作し、API パスでも同一の結果になります。入力は計算の前に検証されるため、不正なペイロードは invalid_input で失敗します。小数が指定された場合、half-up の丸めは生の IEEE 値に対して一度だけ適用されます。表計算、CMS フック、自動化、教材デモから同じ JSON を利用できます。この計算ツールはブラウザでは無料で、決定的に動作し、API パスでも同一の結果になります。入力は計算の前に検証されるため、不正なペイロードは invalid_input で失敗します。小数が指定された場合、half-up の丸めは生の IEEE 値に対して一度だけ適用されます。

使いどころ

検索意図が一致するときに使用してください。2つの sRGB 十六進カラー間の OKLab ユークリッド距離です。英語のみの提供で、Nitro が他のロケールを水和します。ネットワーク呼び出しや乱数シードは一切必要ありません。失敗したジョブは課金されません。ネットワーク呼び出しや乱数シードは一切必要ありません。この計算ツールはブラウザでは無料で、決定的に動作し、API パスでも同一の結果になります。入力は計算の前に検証されるため、不正なペイロードは invalid_input で失敗します。小数が指定された場合、half-up の丸めは生の IEEE 値に対して一度だけ適用されます。表計算、CMS フック、自動化、教材デモから同じ JSON を利用できます。この計算ツールはブラウザでは無料で、決定的に動作し、API パスでも同一の結果になります。入力は計算の前に検証されるため、不正なペイロードは invalid_input で失敗します。小数が指定された場合、half-up の丸めは生の IEEE 値に対して一度だけ適用されます。表計算、CMS フック、自動化、教材デモから同じ JSON を利用できます。

連携の活用例

手早い確認

無料の widget です。

自動化

API でも同じ JSON です。

教育用途

固定された golden です。

技術的な質問

無料ですか？

はい、tier A です。

ネットワークは使いますか？

いいえ。

不正な入力の場合は？

invalid_input を返します。

API はありますか？

はい。

対応言語は？

英語のみで提供し、Nitro が多言語化します。

KITの完全なドキュメントを見る →