Hex8からRGBAへの変換
透明度付きの十六進カラーをチャンネルごとに読み取ります。#33669980は赤51、緑102、青153、アルファ128に分かれ、アルファは0〜1の不透明度で0.501961です。ブラウザで無料で使えます。
- 無料
- ブラウザで動作
- 登録不要
- データは端末の外に出ません
無料で実行
計算例
- Hex
- #33669980
- Red
- 51
- 緑
- 102
- 青
- 153
- アルファ
- 128
Hex8からRGBAへの変換ツールは、RRGGBBAA順の8桁の16進カラーを読み取り、赤・緑・青・アルファの各チャンネルに分離します。変換前に長さとすべての文字を厳密に検証するため、不正な入力から一見正しそうな誤値が生成されることはありません。結果には0から255までの4つのバイト値、0から1までの正規化アルファ値、小文字に統一された正規カラーコードが含まれます。先頭のハッシュ記号はあってもなくてもよく、常に同じ明確で決定論的な規則が適用されます。
RRGGBBAAのバイト順を理解する
8桁の16進カラーは、連続する4組のバイトで構成されます。最初の組が赤、2番目が緑、3番目が青、最後がアルファです。たとえば#33669980では、各組は33、66、99、80です。
2桁の16進数は正確に1バイトを表すため、それぞれが0から255までの整数になります。アルファはCSSのRRGGBBAA規約に従い、00が完全な透明、FFが完全な不透明を意味します。一部のシステムはアルファを先頭に置くAARRGGBB形式を使うため、順序の違いには注意が必要です。
このツールはアルファ先頭の値を推測したり並べ替えたりしません。出力のrgba配列にも同じ4つのバイト値が入ります。
変換の前に入力を検証する
カラー文字列の誤りは見落としやすいものです。1桁不足すると後続のチャンネルがずれ、1桁多いと想定した組み合わせが変わり、Gのような文字は16進表記として使用できません。そのため、本ツールは決まった順序で検証します。
次に、任意の先頭ハッシュ記号を1つ取り除き、残りが正確に8文字であることを確認します。長さが正しい場合に限り、全8文字が0–9、A–F、a–fのいずれかであるかを検証します。両方の条件を満たすまで変換は始まりません。
これにより、一般的な数値パーサーが有効な先頭部分だけを受け入れ、不正な末尾を無視するような部分解析を防げます。長さの誤りと文字の誤りも安定して区別されます。有効な入力は先頭ハッシュ付きの小文字に統一されるため、大文字と小文字が異なる同等の表記からも、同じ正規カラーと同一のチャンネル値が得られます。
活用例
デザイントークンを変換する
RRGGBBAA値を、テーマコンパイラーやコンポーネントシステム向けの明示的なチャンネル項目へ変換します。
取り込む色を検証する
不正な8桁カラーがデータベース、スタイルシート、画像処理に入る前に拒否します。
透明度を確認する
見た目で推測せず、正確なアルファバイトと正規化された不透明度を確認します。
よくある質問
入力の先頭にハッシュ記号は必要ですか？
いいえ。 #RRGGBBAAとRRGGBBAAの両方を使用でき、返される正規の16進値にはハッシュ記号が付きます。
アルファは先頭と末尾のどちらですか？
アルファは末尾です。 必要な順序は赤、緑、青、アルファのRRGGBBAAであり、AARRGGBBではありません。
3桁、6桁、4桁のカラーも使用できますか？
いいえ。 任意の先頭ハッシュ記号を除き、正確に8桁の16進数が必要です。
16進数の大文字も使用できますか？
はい。 A–Fは大文字と小文字の両方に対応し、返される正規の16進値は小文字になります。
#33669980の末尾の80はどのくらいの透明度ですか？
十六進の80は128で、255で割ると0.501961、つまりほぼ半透明です。00は完全な透明、FFは完全な不透明を表します。
関連ツール
開発者向け — APIアクセス
このページの機能はすべてAPIからも利用できます。自社システムに組み込みたいチーム向けのセクションです。それ以外の方は上のツールをそのままお使いください。
エンドポイント
Bearerトークンで認証し、POST1回でタスクをキューに登録します。結果はWebhookまたは署名付きリンクで受け取れます。
お使いのスタックから呼び出す
curl -X POST https://api.kit.forhosting.com/color/hex8-rgba \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"hex":"#33669980"}'const res = await fetch("https://api.kit.forhosting.com/color/hex8-rgba", {
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/hex8-rgba",
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/hex8-rgba", 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/hex8-rgba", 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.hex8_rgba",
"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 | リクエストが多すぎます。しばらく待ってから再度お試しください。 |
技術的な注記
RRGGBBAAのバイト順を理解する
先頭にハッシュ記号を任意で付けたRRGGBBAAを入力すると、赤・緑・青・アルファの各フィールドがその順序で返されます。alpha_normalizedはアルファ値を255で割り、小数点以下6桁に決定論的に丸めた値で、透明度をゼロから1の範囲で扱うシステムに適しています。
変換の前に入力を検証する
まずhexフィールドが文字列であることを確認し、前後の空白を除去します。
決定論的なRGBA値を処理に組み込む
返されるチャンネル値は、検証パイプライン、デザイントークンの変換、スタイルシート用ツール、明示的な数値を必要とするデータ取込みに利用できます。アルファは正確な整数と、丸めた正規化値の両方で返されます。不正な文字列は補正や桁埋めをせず、入力エラーとして停止します。ブラウザーでも同じ解析規則による決定論的な処理をすぐにご利用いただけます。ネットワーク、現在時刻、ロケール設定、乱数に依存しないため、同じ入力からは常に同じJSONが得られます。元の8ビット表現を保持する場合は整数を、APIがゼロから1までの透明度を要求する場合はalpha_normalizedをご利用ください。正規化されたhexフィールドは重複排除にも役立ち、#AABBCCFFとaabbccffは同じ小文字表現になります。APIによる1回の変換料金は$0.002です。
技術的な質問
各チャンネルの値域はいくつですか？
赤、緑、青、アルファは0から255までの整数です。alpha_normalizedは0から1までです。
1回の変換料金はいくらですか？
APIリクエスト1回の料金は$0.002です。料金のプレースホルダーは機能宣言から解決されます。