ListFan
アーカイブ · 無料

HEXからRGBAへ変換

HEX色と不透明度からCSS RGBAを生成し、色を表示します。

このツールはアーカイブ済みです。使用前に計算方法と日付付きデータを再確認してください。

01値を入力

ブラウザーで動作

ブラウザー内でオフライン動作します。ページと必要なファイルの読み込み後は、処理にインターネット接続は不要です。

%

02HEXからRGBAへ変換

|

ブラウザーで動作

使い方

HEX色と不透明度からCSS RGBAを生成し、色を表示します。

ブラウザーで動作

データは端末内に

入力はこのページ内で処理され、サーバーには送信されません。

このツールについて

HEX色と不透明度からCSS RGBAを生成し、色を表示します。

HEXと不透明度を組み合わせてRGBAを作り、透明度を確認できます。

ツールを使う ↑
使い方
  1. 値を入力
    • 文字色
    • 不透明度
  2. 計算方法

    HEX色と不透明度からCSS RGBAを生成し、色を表示します。

  3. 使用例 · 結果

    rgba(40, 85, 232, 0.8)

計算方法

  1. HEXと不透明度を組み合わせてRGBAを作り、透明度を確認できます。
使用例

HEXからRGBAへ変換

文字色
#2855e8
不透明度
80 %
結果
rgba(40, 85, 232, 0.8)

よくある質問

結果をどう解釈すればよいですか?

HEXと不透明度を組み合わせてRGBAを作り、透明度を確認できます。

データはどこへ送られますか?

計算は端末上で行います。入力はサーバーへ送信されません。

用語と説明

値を入力

文字色

実際に比較または使用する色を選んでください。

不透明度

HEXと不透明度を組み合わせてRGBAを作り、透明度を確認できます。

百分率を入力します。50は50%です。 欄の横に表示された単位を使ってください。 %

最小値: 0 · 最大値: 100 %

結果

結果

HEXと不透明度を組み合わせてRGBAを作り、透明度を確認できます。

入力値から以下の方法で計算します。

よくある間違いと修正

不透明度

間違い: 50%のつもりで0.5を入力する。

修正: 50%には50を入力します。0.5は0.5%です。

HEXからRGBAへ変換

間違い: 説明された適用範囲外で結果を使う。

修正: HEXと不透明度を組み合わせてRGBAを作り、透明度を確認できます。

制限と主な前提

  • HEXと不透明度を組み合わせてRGBAを作り、透明度を確認できます。
  • 表示値は丸められることがありますが、測定精度が向上するわけではありません。