AbraCalc

HEXからRGBAへのカラー変換

CSSのHEXカラー(#rrggbbまたは#rgb)を、カスタムアルファチャンネル付きのRGBA値に変換します。無料、瞬時。

作成 · レビュー AbraCalc Methodology Review · 2 件の出典

このツールをサイトに埋め込む
このツールを引用する

APA

AbraCalc. (2026). HEXからRGBAへのカラー変換 [Online calculator]. Retrieved from https://abracalc.com/ja/hex-rgba-henkan/

BibTeX

@misc{abracalc-hex-rgba-henkan, author = {AbraCalc}, title = {HEXからRGBAへのカラー変換}, year = {2026}, howpublished = {\url{https://abracalc.com/ja/hex-rgba-henkan/}} }

このツールは役に立ちましたか？

このツールの使い方

  1. HEXカラーコード(例:#3a86ffまたは#f0f)を入力してください。
  2. アルファ値を0(見えない)から1(不透明)の間で設定してください。
  3. rgba()の結果をCSSにコピーしてください。

HEXカラーをカスタムアルファ(不透明度)付きのrgba()に変換します。CSSで半透明カラーが必要なときに便利です。

計算式

Given a hex color #rrggbb:

R = parseInt(rr, 16)   G = parseInt(gg, 16)   B = parseInt(bb, 16)

Alpha (a) = clamp(input, 0, 1), rounded to 2 decimal places

Result: rgba(R, G, B, a)

Short 3-digit hex #rgb is expanded to #rrggbb by doubling each digit before parsing.

よくある質問

RGBAとは何ですか?
RGBAはRGBに似ていますが、不透明度を制御する四つ目のチャンネル — アルファ — があります。0は完全に透明、1は完全に不透明です。
3桁のHEXコードは使えますか?
はい。#abcは変換前に自動的に#aabbccへ展開されます。

参考文献と出典