ARGB、RGB、RGBAの違いと紹介

ARGB、RGB、RGBAの違いと紹介

ARGB は、アルファ (透明度) チャネルが追加された RGB カラー モードであり、32 ビット ビットマップのストレージ構造によく見られます。

RGB カラー モデルは、業界のカラー標準です。赤 (R)、緑 (G)、青 (B) の 3 つのカラー チャネルを変更し、重ね合わせることでさまざまな色を実現します。RGB は、赤、緑、青の 3 つのチャネルの色を表します。この標準は、人間の視覚で認識できるほぼすべての色をカバーしており、現在最も広く使用されているカラー システムの 1 つです。

RGBA は、赤、緑、青、アルファを表す色空間です。これはカラー スペースとして説明されることもありますが、実際には追加情報が含まれた RGB モデルにすぎません。使用される色は RGB であり、任意の RGB カラー スペースに属することができますが、Catmull と Smith は 1971 年から 1972 年にかけてこの不可欠なアルファ値を提案し、アルファ レンダリングとアルファ合成を可能にしました。提案者は、古典的な線形補間方程式 αA + (1-α)B がこのギリシャ文字を使用しているため、これをアルファと名付けました。 PNG は RGBA を使用する画像形式です。

Androidで色を定義するときの6ビット値と8ビット値の違い:6ビット(#000000)はRGB値8ビット(#1e000000)ARGB最初の2ビットは透明度で、00は完全に透明、ffは完全に不透明、最後の6ビットはRGB値で、比較的中程度の透明度の値です。

RGBAのaは何を意味しますか?RGBAの使い方

RGBAカラー

RGB は、赤 (R)、緑 (G)、青 (B) を変化させて重ね合わせることでさまざまな色を生成する色標準です。簡単に言えば、RGBA は RGB に透明度チャンネルのアルファを追加します。
文法:
rgba (R、G、B、A)
例:
R: 赤の値(赤)
G: 緑の値(緑)
B: 青の値(青)
A: 透明性(アルファ)
3 つのパラメータ R、G、B は正の整数またはパーセンテージにすることができます。正の整数値の範囲は 0 ~ 255、パーセンテージ値の範囲は 0.0% ~ 100.0% です。範囲外の値は最も近い値の制限に丸められます。すべてのブラウザがパーセンテージ値の使用をサポートしているわけではありません。
パラメータ A は不透明度属性に似た透明度です。値の範囲は 0.0 ~ 1.0 で、負の値にすることはできません。 RGBA カラーの正しい使用方法は次のとおりです。

RGBA(255,255,0,0.5) の
RGBA(50%,80%,50%,0.5) の

例:

<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<ヘッド>
<title>CSS3RGBA カラー</title>
<スタイルタイプ="text/css">
*{パディング:0;マージン:0;}
ウル
{
表示:インラインブロック;
リストスタイルタイプ:なし;
幅:200px;
}
李
{
高さ:30px;
行の高さ:30px;
フォントサイズ:20px;
フォントの太さ:太字;
テキスト配置:中央;
}
/*最初のli*/
li:最初の子
{
背景色:#FF00FF;
}
/*2番目のli*/
li:n番目の子(2)
{
背景色:rgba(255,0,255,0.5);
}
/*3番目のli*/
li:最後の子
{
背景色:#FF00FF;
不透明度:0.5;
}
</スタイル>
</head>
<本文>
<ul>
<li>123WORDPRESS.COM</li>
<li>123WORDPRESS.COM</li>
<li>123WORDPRESS.COM</li>
</ul>
</本文>
</html>

ARGB、RGB、RGBAの違いと紹介に関するこの記事はこれで終わりです。ARGB、RGB、RGBAの違いについてさらに詳しく知りたい方は、123WORDPRESS.COMの過去の記事を検索するか、以下の関連記事を引き続きご覧ください。今後とも123WORDPRESS.COMをよろしくお願いいたします。

<<: 

>>:  HTMLテーブルの詳細な説明

推薦する

両端の CSS レイアウトのサンプルコード (親の負のマージンを使用)

最近、開発中に両端が揃ったレイアウトに遭遇しました。レイアウトはパーセンテージに基づいていました。以...

Windows 10 での MySQL 8.0.20 のインストールと設定方法のグラフィック チュートリアル

Win10システムにMySQL8.0.20をローカルにインストールし、個人的にテストして利用可能であ...

jQuery キャンバスは QR コード付きのポスターを生成します

この記事では、jQuery キャンバスを使用して QR コード付きのポスターを生成するための具体的な...

CSSは座席選択効果を実現するためにautoflow属性を使用する

1. 自動フロー属性、要素コンテンツの長さと幅が要素自体の長さと幅を超える場合、スクロールバーが表示...

HTMLエリアタグの詳しい説明

<area> タグは、イメージ マップ内の領域を定義します (注: イメージ マップはク...

MYSQLストアドプロシージャ、つまり一般的な論理知識のポイントの要約

MySQL ストアド プロシージャ1. ストアドプロシージャ構文(フォーマット)を作成する 区切り文...

CentOS7環境でDockerを使ってPHP動作環境を構築する手順を詳しく解説

関連記事: CentOS7でyumを使用してDockerをインストールするDockerを使ってWin...

MySQL でスロークエリログを有効にする方法

1.1 はじめにスロークエリログを有効にすると、MySQL は指定された時間を超えるクエリステートメ...

Javascript 非同期プログラミング: Promise を本当に理解していますか?

目次序文基本的な使い方文法エラー処理プロミスチェーン呼び出し非同期と待機よく使われる方法1. Pro...

ラベルとボタンを削除し、背景画像の点線/影を追加すると完璧な解決策になります

ユーザーが登録すると、ラベルをクリックして確認コードを変更します。クリックするとラベルに影の部分がで...

MySQL 文字セットの変更に関する実践的なチュートリアル

序文: MySQL では、システムが多くの文字セットをサポートしており、異なる文字セット間にはわずか...

Nginxのアクセスボリューム制御の詳細な説明

目的リクエスト アクセス ボリュームを制御するための Nginx ngx_http_limit_co...

HTML いくつかの特別な分割線効果

1. 基本ライン 2. 特殊効果(効果は独立しておらず、互いに組み合わせることができます) 1. 両...

ウェブサイトのアクセス速度を向上させるための徹底的な最適化に関するヒント

<br />ウェブサイトのアクセス速度はウェブサイトのトラフィックに直接影響を及ぼし、ウ...

Vue3は独自のページングコンポーネントをカプセル化します

この記事の例では、vue3 が独自のページングコンポーネントをカプセル化する具体的なコードを参考まで...