RGB→LAB変換ツール
RGBカラーをLab空間へ移します。明度は黒の0から白の約100までで、色みは2本の軸で表されます。色差（デルタE）の計算や印刷の目標値で使われる空間です。ブラウザで無料で使えます。
- 無料
- ブラウザで動作
- 登録不要
- データは端末の外に出ません
無料で実行
計算例
- 抵抗（Ω）
- 255
- G
- 128
- B
- 0
- L
- 67.0548169961
- A
- 42.8260095268
- Lab b
- 74.0176483168
- L*
- 67.0548169961
このRGB→LAB変換ツールは、sRGBの3つのチャンネル強度(赤・緑・青、それぞれ0から255までの整数)を受け取り、Webや印刷のカラーワークフローで使われる標準のD65白色点で計算したCIE L*a*b*座標を返します。デザイナー、アクセシビリティエンジニア、学生は、パレットが8ビットチャンネルで管理されている一方で、delta-E距離やコントラストの判断、印刷向けのLabターゲットに知覚的に均一な色空間が必要なときに、この対応関係を使用します。エンジンは完全に決定的で、各チャンネルの逆コンパンディングを行い、D65のsRGB→XYZ行列を掛け、D65基準白色で正規化した後、CIE Labのピボット関数と閉じた形のL*・a*・b*の恒等式を適用します。ネットワーク通信や乱数、時計への依存は一切ありません。パレット作業やアクセシビリティチェック、宿題にはブラウザで無料でご利用いただけます。
RGBがLab値になる仕組み
CSSやほとんどのWebグラフィックスで使われる8ビットsRGBモデルでは、赤・緑・青のそれぞれが0から255までの整数チャンネルです。CIE L*a*b*は同じ刺激を、明度軸L*(黒でおよそ0、拡散白でおよそ100)と2つの色度軸に組み替えます。a*は緑寄りのマイナスから赤寄りのプラスへ、b*は青寄りのマイナスから黄寄りのプラスへと変化します。
変換ではまず各チャンネルを255で割って正規化し、その後sRGBのガンマ(IEC 61966の逆コンパンディング曲線)を戻して値をリニア光に変換します。これらのリニアチャンネルは、固定された3×3の行列を通して照明D65のもとでのCIE XYZに変換されます。
各三刺激値成分をD65基準白色で割った後、CIEのピボット関数f(小さな閾値より上では立方根、それ以下では線形の分岐)を適用してL*・a*・b*を求めます。パーセンテージや浮動小数点のチャンネルを入力として受け付ける経路はなく、256を255に暗黙にクランプすることもありません。
LabからRGB、HEXへのパッケージング、HSV、HSL、またはCMYKが必要な場合は、専用の逆変換ツールまたは複数形式ツールをご利用ください。
r、g、bの読み取り方とLabの再現性について
文字列チャンネルの前後の空白はトリムされます。任意の先頭プラス記号は、残りの文字が範囲内の整数として解析できる10進数字である場合にのみ許可されます。単純なJavaScriptの数値は、0から255の範囲内の有限の整数である場合にのみ受け付けられます。
128.5のような値は丸められるのではなく検証に失敗し、負の値や256以上の値は、対象のチャンネル名を示し0から255の範囲内でなければならないと述べるメッセージとともに失敗します。検証後、変換はリニアチャンネルとD65白色点に対する閉じた形の演算のみを使用し、その後浮動小数点成分をプラットフォーム間で安定するよう固定の小数桁数に丸めます。
純粋な赤は、大きな正のa*とb*を持つ中程度のL*に対応し、純粋な白はほぼゼロのa*とb*を持つ100付近のL*に対応し、純粋な黒はLabの3軸すべてでゼロに対応します。
デザイン・学習・ソフトウェアにおけるRGB→Lab変換の位置づけ
デザイナーがこの対応関係に出会うのは、ブランドガイドがRGBのスウォッチを列挙していて制作や印刷のワークフローがLabターゲットを求めるとき、2つの色をほぼ均一な空間での単純なユークリッド距離で比較しなければならないとき、あるいはデザインシステムが画面上のRGBとLabの基準値を並べて記載するときです。
アクセシビリティエンジニアは、色相とは切り離して知覚的な明るさを判断するとき、2つのUI状態がロービジョンのユーザーにとって十分に離れているかを確認するとき、あるいは後で正式なdelta-Eチェックに使うメモを準備するときに、L*と色度軸を使用します。
学生は、sRGBの後にXYZとLabを紹介するコンピューターグラフィックス・色彩科学講座、チャンネルスライダーとLab調整を行き来するデジタル写真の授業、短い3つ組を暗算で変換させる面接のウォームアップでこれを目にします。
HEXやCMYKが必要な場合は複数形式のカラーツールと、デザインシステムの衛生管理のための小さなラボを構築する場合は他の無料で決定論的な変換ツールと組み合わせてご利用ください。
活用例
知覚的な色差とトークン
delta-E形式のチェック、デザイントークン、印刷向けのLab基準値のために、ブランドのRGB3つ組をCIE L*a*b*に変換します。
決定論的なテスト用固定値
カラーヘルパーに関する単体テスト、プロパティチェック、CIアサーション向けに、再現可能なLabの結果を生成します。
宿題と授業デモ
不透明な計算アプリに頼らずに、学生のsRGB→Lab変換を確認したり、XYZとD65のLabをライブでデモしたりします。
よくある質問
オレンジの255, 128, 0はLabでいくつになりますか？
D65白色点でL* 67.0548169961、a* 42.8260095268、b* 74.0176483168です。正のa*は赤寄り、大きな正のb*は黄色寄りを示します。
a*とb*は何を表していますか？
2本の色の軸です。a*はマイナスで緑、プラスで赤、b*はマイナスで青、プラスで黄色を表します。L*は別の明度の軸です。
どの白色点を使っていますか？
Webや印刷の色の仕事で標準的な昼光の基準であるD65です。結果はすべてこの白を基準に計算されるため、同じくD65のLab値と比べてください。
2色を比べるのにRGBではなくLabを使うのはなぜですか？
Labは見た目の差におおよそ均等な空間なので、2色の直線距離が見た目の違いをよく表します。これがデルタEによる確認の考え方です。
関連ツール
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
curl -X POST https://api.kit.forhosting.com/color/rgb-lab \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"r":255,"g":128,"b":0}'const res = await fetch("https://api.kit.forhosting.com/color/rgb-lab", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"r": 255,
"g": 128,
"b": 0
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/rgb-lab",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"r": 255,
"g": 128,
"b": 0
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/rgb-lab", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"r":255,"g":128,"b":0}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"r":255,"g":128,"b":0}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/rgb-lab", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)リクエスト例
{
"r": 255,
"g": 128,
"b": 0
}レスポンス例
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.rgb_lab",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。
料金
単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。
制限
min_channel | 0 |
max_channel | 255 |
エラー
| HTTP | コード | 意味 |
|---|---|---|
401 | unauthorized | APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。 |
402 | insufficient_balance | 残高が不足しています。チャージ後に再度お試しください。 |
404 | unknown_type | 指定されたタスクタイプは存在しません。タイプ名を確認してください。 |
429 | rate_limited | リクエストが多すぎます。しばらく待ってから再度お試しください。 |
技術的な注記
0から255の範囲外のチャンネルは、暗黙にクランプされることなく、明確なinvalid_inputエラーで拒否されます。CIやデザインシステム、授業デモで同一の固定値が必要な場合は、成功したリクエストごとに$0.002でAPIを呼び出すこともできます。
RGB→Lab変換の意味とレスポンスに含まれる内容
この計算ツールは、検証済みの整数r・g・b、L*とa*を丸めたLとa、LabのB-Y座標がRGBの青チャンネルのフィールドと衝突しないようb*用に用意したlab_bとb_star、途中経過のX・Y・Z、rgb関数文字列、labの要約文字列、D65に設定されたwhite_point、methodタグrgb_to_lab、そして簡潔な公式の再掲を返します。エンジンは、3つの正当なチャンネルから厳密なLabの3つ組を構築するか、そうでなければinvalid_inputでリクエストを拒否します。拒否されるケースには、r・g・bのいずれかのフィールドの未入力、トリム後の空文字列、整数でない数値、数値でないテキスト、InfinityまたはNaN、そして0未満または255を超えるチャンネルが含まれます。このページが答えるのは、トークンや単体テスト、API利用者に適した安定したCIE Labの3つ組への整数sRGBチャンネルの変換のみです。
r、g、bの読み取り方とLabの再現性について
優先的に使用するフィールドは、赤にはr、緑にはg、青にはbですが、赤についてはredと大文字のR、緑についてはgreenと大文字のG、青についてはblueと大文字のBといったエイリアスも受け付けるため、スプレッドシートやクエリ文字列、型付きフォームでも列名を変更せずに同じ契約を再利用できます。自動化パイプライン内で逆ガンマとD65正規化を自分で再実装せずに同一の数学的結果が必要な場合は、このページの無料ブラウザ実行と有料APIを組み合わせてご利用ください。
デザイン・学習・ソフトウェアにおけるRGB→Lab変換の位置づけ
API経由の場合、成功した照会1件ごとに$0.002かかり、検証に失敗した場合は課金されず、レスポンスを返した後は何も保存されません。この無料の対話的な探索と、同一結果の有料APIという分離は、KITのtier-Aカタログの他の部分と一致しており、授業のデモやデザインレビューから数学的な結果を変えることなく自動化パイプラインへ移行できます。
技術的な質問
RGB→LAB変換ツールの料金はいくらですか?
このページのブラウザ上では無料です。API経由の場合、成功したリクエストは$0.002かかりますが、無効な入力には課金されません。
r、g、bにはどの範囲が許可されていますか?
各チャンネルは0から255までの整数でなければなりません。その範囲外の値、小数、数値でないテキストはinvalid_inputとして拒否されます。
この計算ツールはどの白色点を使用していますか?
標準的なsRGBとWebのカラー慣行に合わせ、基準白色Xn=0.95047、Yn=1.0、Zn=1.08883の照明D65を使用します。レスポンスにはwhite_point: "D65"が含まれます。
なぜLabのb*はlab_bやb_starと呼ばれるのですか?
入力フィールドbはRGBの青チャンネルです。Labのb*はlab_bとb_star(およびlab文字列の内部)として返されるため、検証済みの青チャンネルを上書きすることがありません。
なぜ256はクランプされずに拒否されるのですか?
暗黙のクランプはデータの誤りを隠してしまいます。範囲外のチャンネルはinvalid_inputで失敗するため、呼び出し元は誤った色を公開する前に元の値を修正できます。