RGB→LUV変換ツール
RGBカラーのCIE 1976 Luv座標を求めます。明度L*は黒の0から白の約100まで、u*とv*はD65の白からの位置を表します。加法混色や色度の距離を扱うときに向いています。ブラウザで無料で使えます。
- 無料
- ブラウザで動作
- 登録不要
- データは端末の外に出ません
無料で実行
計算例
- 抵抗（Ω）
- 255
- G
- 128
- B
- 0
- L
- 67.0548169961
- U
- 106.034260378
- 電圧（V）
- 61.4652151197
- 明度 (L*)
- 67.0548169961
このRGB→LUV変換ツールは、sRGBの赤・緑・青の3チャンネル強度を、それぞれ0から255までの整数として受け取り、Webおよび画像ワークフローで用いられる標準のD65白色点で計算したCIE L*u*v*座標を返します。デザイナー、色彩科学者、開発者は、パレットが8ビットチャンネルにある一方で、距離測定・加法混色・Luvベースの解析パイプラインに知覚的に均一な空間が必要なときに、この写像を使います。エンジンは完全に決定的です。各チャンネルを逆コンパンディングし、D65のsRGB→XYZ行列を掛け、相対輝度からCIE L*を形成し、D65参照に対するCIE u′v′色度からu*とv*を構築します。ネットワーク呼び出し、乱数、時計には依存しません。パレット作業・研究用フィクスチャ・授業デモではブラウザで無料でご利用ください。
RGB→Luv変換の意味と応答の内容
CSSや多くのWebグラフィックスで使われる8ビットsRGBモデルでは、赤・緑・青の各チャンネルは0から255の整数です。CIE L*u*v*は同じ刺激を、明度軸L*（黒でおよそ0、拡散白でおよそ100）と、CIE 1976 u′v′色度図から導かれる2つの色度軸u*・v*に並べ替えます。
加法混色や均一な色度距離がLab型の反対色軸より重要なときに好まれます。変換はまず各チャンネルを255で割り、sRGBガンマ（IEC 61966-2-1逆コンパンディング曲線）を外して線形光にし、固定の3×3行列で照明体D65の下のCIE XYZへ写します。明度L*は相対輝度YをYnで割った値から、標準の立方根または線形CIEピボットで形成します。
色度はu-primeが4XをX+15Y+3Zで割った値、v-primeが同じ分母で9Yを割った値です。u-starとv-starは13×L-star×（D65参照のu-prime-n・v-prime-nとの差）です。純黒はu′v′で色度が未定義のため、XYZ和項が0のとき本エンジンはu*とv*を0にします。
パーセントや浮動小数チャンネルを入力として受け付ける経路はなく、256を255へ黙ってクランプすることもありません。拒否例はr・g・b欠落、トリム後の空文字、非整数、非数値テキスト、InfinityやNaN、0未満または255超のチャンネルです。Luv→RGB、Lab包装、hex、HSV、HSL、CMYKが必要な場合は専用ツールをご利用ください。
r・g・bの読み方とLuvの再現性
表計算・クエリ文字列・入力フォームが列名を変えずに同じ契約を再利用できます。文字列チャンネルの外側空白はトリムされ、先頭のプラスは残りが範囲内整数にパースできる十進数字のときだけ許可されます。素のJavaScript数値は、0から255の有限整数のときだけ受け付けます。
128.5のような値は丸めず失敗し、負数や256以上はチャンネル名を示し0から255に留めるよう求めるメッセージで失敗します。純赤は中程度のL*と大きな正のu*・中程度のv*へ、純白はL*がほぼ100でu*・v*がほぼ0へ、純黒はLuv三軸すべて0へ写ります。
デザイン・学習・ソフトウェアにおけるRGB→Luv変換の位置づけ
デザイナーやイメージング技術者は、ブランドやセンサーパイプラインがRGB見本を列挙しワークフローがLuv目標を期待するとき、色度距離をCIE u′v′関連空間で考える必要があるとき、デザインシステムが画面RGBとLuv参照値を並べて文書化するときに、この写像に出会います。
色彩科学者は加法混色の比較、知覚的均一性実験のデータ準備、Lab反対色軸とLuv色度由来軸の違いの教育でL*とu*・v*を使います。学生はsRGBの後にXYZとCIE 1976空間を導入するコンピュータグラフィックス・測色の授業、チャンネルスライダと知覚座標を行き来するデジタル画像ラボ、短い三点の暗算変換を求める面接ウォームアップで目にします。
他空間が必要なときはLabや多形式カラーツールと、色システム衛生の小さなラボを組むときは他の無料決定的変換ツールと組み合わせてください。
活用例
知覚的Luvトークンと距離
ブランドのRGB三点をCIE L*u*v*へ変換し、知覚距離の確認、デザイントークン、LabよりLuvを好む画像パイプラインに使います。
決定的なテストフィクスチャ
色ヘルパーの単体テスト・プロパティチェック・CIアサーション向けに、再現可能なLuv結果を生成します。
宿題と授業デモ
学生のsRGB→Luv作業を確認し、不透明な電卓アプリなしでXYZとD65 Luvをライブデモします。
よくある質問
LUVとLABの違いは？
どちらも同じL*明度を共有しますが、LuvはCIE u′v′色度からu*とv*を作り、Labは反対色軸a*とb*を使います。加法混色やu′v′距離が重要なときはLuvを、古典的な反対色ワークフローではLabをお選びください。
オレンジの255, 128, 0はLuvでいくつになりますか？
D65白色点でL* 67.0548169961、u* 106.034260378、v* 61.4652151197です。明度はLabと同じで、u*とv*が別の方法で色を表します。
純粋な黒はどうなりますか？
黒は色度が定まらないため、決まりとしてu*とv*を0にします。エラーにはならず、黒には常に同じ読みやすい結果が返ります。
u*とv*はどう計算しますか？
色をCIE 1976 u′v′色度図に置き、その図上でのD65の白からの距離に、L*の13倍を掛けた値がu*とv*です。
小数や255を超える値は入力できますか？
できません。赤・緑・青は0〜255の整数で入力してください。範囲外の値は勝手に丸められず、わかりやすいメッセージで受け付けられません。
関連ツール
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
curl -X POST https://api.kit.forhosting.com/color/rgb-luv \
-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-luv", {
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-luv",
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-luv", 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-luv", 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_luv",
"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→Luv変換の意味と応答の内容
計算機は検証済みの整数r・g・b、明度用の丸めたLとL_star、色度成分のuとu_starおよびvとv_star、中間のX Y Z、rgb関数文字列、luv要約文字列、white_pointのD65、メソッドタグrgb_to_luv、短い公式メモを返します。エンジンは3つの合法チャンネルから正確なLuv三点を構築するか、invalid_inputで拒否します。このページは整数sRGBチャンネルから、トークン・単体テスト・API利用者向けの安定したCIE Luv三点への変換のみを答えます。
r・g・bの読み方とLuvの再現性
推奨フィールドは赤がr、緑がg、青がbですが、別名として赤にredと大文字R、緑にgreenと大文字G、青にblueと大文字Bも受け付けます。逆ガンマ・XYZ投影・CIE Luv恒等式を自ら実装せず、自動パイプラインで同一の数学結果が必要なときは、このページの無料ブラウザ実行と有料APIを組み合わせてください。
デザイン・学習・ソフトウェアにおけるRGB→Luv変換の位置づけ
APIでは成功した照会ごとに$0.002で、検証失敗は課金されず、応答後に何も保存されません。無料の対話的探索と同一結果の有料APIという分担は、KITティアAカタログの他項目と一致し、授業デモやデザインレビューから自動パイプラインへ数学結果を変えずに移れます。
技術的な質問
RGB→LUV変換ツールの料金は？
このページではブラウザで無料です。APIでは成功リクエストが$0.002で、無効入力は課金されません。
r・g・bに許される範囲は？
各チャンネルは0から255までの整数でなければなりません。範囲外・分数・非数値テキストはinvalid_inputで拒否されます。
どの白色点を使いますか？
参照白Xn=0.95047、Yn=1.0、Zn=1.08883の照明体D65で、標準sRGBおよびWebの慣行に一致します。応答にはwhite_point: "D65"が含まれます。
なぜ256はクランプせず拒否するのですか？
黙ったクランプはデータエラーを隠します。範囲外チャンネルはinvalid_inputで失敗し、呼び出し側が誤った色を公開する前に元値を直せます。