HexをRec. 709輝度でグレースケール変換
Rec. 709の輝度で#3498DBをグレーにします。0.2126×赤＋0.7152×緑＋0.0722×青は135.5774で、四捨五入すると136、無彩色のグレー#888888になります。ブラウザで無料で使えます。
- 無料
- ブラウザで動作
- 登録不要
- データは端末の外に出ません
無料で実行
計算例
- Hex
- #3498DB
- 入力HEX
- #3498db
- グレー (16進)
- #888888
- グレー値
- 136
- 輝度
- 135.5774
このコンバーターは、厳密な#RRGGBB形式の色をRec.709輝度係数でニュートラルグレーへ変換します。緑、赤、青の順に大きな重みを与えるため、単純平均よりも知覚上の明るさを適切に表現できます。応答には、正規化済み入力、RGBチャンネル、丸め前の輝度、丸めたグレー値、グレーのHexコード、計算式が含まれます。短縮形、ハッシュなし、アルファチャンネル、空白、16進数以外の文字は推測せず明確に拒否します。
Rec. 709係数が実用的なグレーを作る理由
算術平均では、赤、緑、青の各チャンネルが見かけの明るさに同じだけ寄与すると扱います。しかし、人間の視覚はこれらの原色に同じ強さで反応するわけではありません。同じ数値であれば、一般に緑は青よりはるかに明るく見え、赤はその中間です。
このコンバーターでは、Rec.709のluma係数として赤に0.2126、緑に0.7152、青に0.0722を適用します。3つの加重寄与を合計し、最も近い整数へ丸めます。
その値を赤、緑、青の各チャンネルに繰り返すことで、6桁のニュートラルグレーを作成します。RGB色を代表する、知覚的に妥当な単一のグレーが設計やソフトウェア処理で必要な場合に特に便利です。算術平均による明るさの明白な歪みを避けながら、処理は透明かつ高速で、別のプログラミング言語でも容易に再現できます。
応答には計算した輝度と最終整数の両方が示されるため、重み付けと丸めを区別し、画像編集ソフトの非公開設定に頼らず変換を監査できます。
信頼できる用途、範囲、テストの注意点
個別のパレットトークン、CSS変数、テストフィクスチャ、グラフ色、モノクロプレビュー、または有効な6桁RGB Hex値から再現可能なニュートラルグレーを得る処理にご利用ください。これは単一の色値を扱う機能であり、画像処理機能ではありません。
ファイルのダウンロード、画素の走査、透明度の保持、グラデーション生成、WCAGコントラスト評価、パレット全体の変更は行いません。また、係数を適用する前にsRGBチャンネルを線形化せず、エンコードされた整数チャンネルへRec. 709 luma係数を直接適用します。これは多くのHexからグレーへの処理で求められる一般的で決定的な式です。
堅牢なテストには、境界値の黒と白、すでにニュートラルなグレー、緑主体と青主体の色、大文字入力、複数の無効形式を含めてください。グレースケール化では色相が失われて元の色を復元できないため、可逆性が必要なら元のトークンを保存してください。他のツールと比較する際は、まず式をご確認ください。
BT.601係数、均等平均、ガンマ線形化した輝度、切り捨て、編集ソフト固有の設定は、いずれもグレースケールという同じ名称でも異なる数値を生みます。本機能は各応答で式を明示するため、その差を説明できます。
活用例
デザイントークンの正規化
ブランドや画面のHex色を、モノクロテーマとデザインレビュー向けの安定したグレーへ変換します。
決定的なテストデータの作成
ブラウザーのcanvasや画像ライブラリーに依存せず、色ユーティリティー用の監査可能なグレー値を生成します。
モノクロ用グラフ色の準備
系列色を知覚的に重み付けしたニュートラル値へ変換し、グレープレビューや印刷に利用します。
よくある質問
どの計算式を使用しますか？
0.2126R + 0.7152G + 0.0722Bを計算し、その結果を最も近い整数へ丸めます。
どのHex形式を受け付けますか？
ハッシュの後に16進数字がちょうど6文字続く#RRGGBBだけです。英字は大文字でも小文字でも構いません。
短縮形やアルファ付きの色は使えますか？
いいえ。 入力契約を厳密かつ明確に保つため、#RGBと#RRGGBBAAは拒否します。
別のツールで異なるグレーになるのはなぜですか？
均等平均、BT.601係数、ガンマ線形化した輝度、切り捨て、または別のグレーモデルを使っている可能性があります。
#3498DBをRec. 709の輝度で変換するとどんなグレーになりますか？
#888888になります。赤52、緑152、青219の重み付きの和は135.5774で、四捨五入したグレー値136が三つのチャンネルすべてに入ります。
関連ツール
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
curl -X POST https://api.kit.forhosting.com/color/grayscale-luminance \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#3498db"}'const res = await fetch("https://api.kit.forhosting.com/color/grayscale-luminance", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#3498db"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/grayscale-luminance",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#3498db"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/grayscale-luminance", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#3498db"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#3498db"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/grayscale-luminance", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)リクエスト例
{
"hex": "#3498db"
}レスポンス例
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.grayscale_luminance",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}非同期APIです。task_idは即時に返ります。ポーリングは1秒あたり1リクエストまでです。
料金
単価はすべて公開しています。トークン換算や独自クレジットはありません。失敗したタスクは課金されません。
エラー
| HTTP | コード | 意味 |
|---|---|---|
401 | unauthorized | APIキーが無効か、指定されていません。Authorizationヘッダーを確認してください。 |
402 | insufficient_balance | 残高が不足しています。チャージ後に再度お試しください。 |
404 | unknown_type | 指定されたタスクタイプは存在しません。タイプ名を確認してください。 |
429 | rate_limited | リクエストが多すぎます。しばらく待ってから再度お試しください。 |
技術的な注記
Rec. 709係数が実用的なグレーを作る理由
係数と丸め規則が固定されているため、同じ入力からは常に同じJSONが得られます。
色の指定方法と応答の読み方
検証は意図的に厳格です。値はハッシュで始まり、その後に16進数字がちょうど6文字続く文字列でなければなりません。英字の大文字と小文字は受け付けますが、3桁の短縮形、8桁のアルファ表記、0x接頭辞、空白、CSSの色名、ハッシュなしの値は拒否します。この狭い契約により、不正なデータが別のライブラリーで異なる意味に解釈されることを防ぎ、自動化を安全にします。#3498dbのようにhexフィールドを持つオブジェクトを送信してください。成功時のinput_hexには、小文字へ正規化した入力が入ります。input_rgbは赤、緑、青の各バイトを10進整数として分けて示します。luminanceは加重合計を小数第4位まで示し、gray_valueはそれを最も近い整数へ丸めた値です。gray_hexは整数を2桁の16進バイトにして3回繰り返します。formulaフィールドは使用した正確な係数を示します。API自動化は成功したリクエストごとに$0.002で、ブラウザーでも同じ純粋なsolve関数を使用します。検証失敗はinvalid_inputを使うため、色の誤りと基盤障害を区別し、値を入力した方へ適切な修正案内を表示できます。
信頼できる用途、範囲、テストの注意点
gray_valueとgray_hexの両方を検証すると、将来の丸めや書式変更を検出できます。
技術的な質問
API変換の料金はいくらですか。
成功したAPIリクエストごとに$0.002です。ブラウザー実行にはAPI料金が発生しません。