16進アルファ値を不透明度の割合に変換 #RRGGBBAA
十六進カラーに含まれる不透明度を求めます。#33669980の末尾の80はバイト値128で、不透明度は多くの人が思う50%ではなく50.2%です。ブラウザで無料で使えます。
- 無料
- ブラウザで動作
- 登録不要
- データは端末の外に出ません
無料で実行
計算例
- Hex
- #33669980
- アルファ (16進)
- 80
- アルファのバイト値
- 128
- 不透明度 (%)
- 50.2
この変換ツールは、8桁のRRGGBBAAカラーの末尾2桁を読み取り、アルファバイトを0%から100%までの不透明度に変換します。計算前にカラー全体を検証し、先頭のハッシュ記号は任意で受け付けます。正規化したカラー、アルファの組、10進バイト、不透明度の割合を返します。結果は常に決定論的で小数第2位に丸められるため、デザイントークン、CSSの確認、自動移行、文書化、視覚的な推測ではなく安定した数値が必要なテストに適しています。
正しい位置からアルファバイトを読み取ります
CSS順の8桁16進カラーは、赤、緑、青、アルファという4組のバイトで構成されます。そのため、アルファバイトはRRGGBBAAの最後の組です。#33669980では33、66、99、80に分かれ、このツールは80を使用します。画像ツールや古い形式にはアルファを先頭に置くAARRGGBBもあるため、順序は重要です。
本機能は規則を推測せず、チャンネルも並べ替えません。先頭にハッシュ記号を任意で付けたRRGGBBAAだけを受け付けます。割合に使うのは末尾2桁ですが、8桁すべてを検証します。
これにより、#ZZZZZZ80のような不正なカラーが、アルファだけ正しいために有効と見なされることを防ぎます。元データがアルファを先頭に置く場合は、先に形式を変換してください。
バイトを安定した割合へ変換します
16進バイトの範囲は00からFFで、10進数では0から255です。不透明度も同じ端点を使い、0は完全な透明、255は完全な不透明を表します。計算では10進アルファバイトを255で割り、その結果に100を掛けます。
たとえばアルファ80は10進数の128なので、想定上の50ではなく50.2になります。端点は正確で、00は0、FFは100です。
入力を検証して結果を安全に利用します
カラーをデザインシステム、コード生成、スタイルシート移行で扱う際には、厳密な入力処理が重要です。本ツールは、値の欠落、文字列以外の型、桁数の誤り、0-9またはA-F以外の文字を拒否します。有効な文字列の前後の空白は無視し、大文字と小文字の両方を受け付けます。
ただし、省略カラー、6桁RGB、複数のハッシュ記号、アルファ先頭の値を暗黙に修復することはありません。また、80が約50.2%になる理由も明確です。純粋な計算なのでネットワークに依存せず、ブラウザーでも即時実行できます。
活用例
デザイントークンを監査します
埋め込まれたアルファバイトを読みやすい割合に変換し、追跡用の正確な値も保持します。
生成されたCSSを確認します
書き出されたRRGGBBAAカラーが想定した不透明度を持つか確認します。
移行テストを作成します
8桁カラーを別の表現へ移すテスト用に、安定した不透明度を生成します。
よくある質問
どの8桁16進順序に対応していますか?
末尾2桁がアルファのRRGGBBAAに対応します。AARRGGBBを別規則として解釈しません。
先頭のハッシュ記号を付けられますか?
はい。 #33669980と33669980はどちらも有効で、同じ正規化結果になります。
割合はどのように計算しますか?
アルファの組をバイトとして読み、255で割って100を掛け、小数第2位に丸めます。
アルファ80が50ではなく50.2になるのはなぜですか?
16進数の80は10進数の128であり、128を255で割ると半分より少し大きくなるためです。
アルファの00とFFはどの不透明度になりますか?
00は0%で完全な透明、FF(バイト値255)は100%で完全な不透明です。その間の値は255で割ってから100を掛けて求めます。
関連ツール
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
curl -X POST https://api.kit.forhosting.com/color/hex-alpha-to-opacity \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex-alpha-to-opacity", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"hex": "#33669980"
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/color/hex-alpha-to-opacity",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"hex": "#33669980"
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/color/hex-alpha-to-opacity", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"hex":"#33669980"}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"hex":"#33669980"}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/color/hex-alpha-to-opacity", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)リクエスト例
{
"hex": "#33669980"
}レスポンス例
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "color.hex_alpha_to_opacity",
"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 | リクエストが多すぎます。しばらく待ってから再度お試しください。 |
技術的な注記
正しい位置からアルファバイトを読み取ります
応答には小文字の正規化済み16進値と、抽出したalpha_hexが含まれるため、どのバイトが計算元か確認できます。
バイトを安定した割合へ変換します
多くの中間値は有限小数にならないため、opacity_percentは小数第2位に丸めます。この規則は固定で決定論的です。同じ入力は、ブラウザーの言語、時刻、ネットワーク、端末設定に左右されず、常に同じJSONを返します。応答には正確なalpha_byteも残るため、元の8ビット値を保持できます。数値フィールドにはパーセント記号を含めないため、表示文字列を除去せずに比較、並べ替え、シリアル化、追加計算を行えます。
入力を検証して結果を安全に利用します
拒否した値には、誤解を招く割合ではなく、理由を示すinvalid_inputエラーを返します。これにより自動処理を早期に停止し、原因を提示できます。APIでの1回の変換料金は$0.002です。表示にはopacity_percentを、損失のない処理にはalpha_byteをご利用ください。
技術的な質問
カラーが無効な場合はどうなりますか?
値の欠落、長さ、型、または不正文字を説明するinvalid_inputエラーを返します。
API変換の料金はいくらですか?
1回の変換料金は$0.002です。