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テーブルの詳細な説明

推薦する

MySQLの通常インデックスとユニークインデックスの違いの詳しい説明

目次1 概念上の区別2 事例紹介3 クエリパフォーマンス4 アップデートのパフォーマンス4.1 記憶...

Innodb で MySQL の 2T テーブルをすばやく削除する方法の例

序文この記事は主に、MySQL の Innodb で 2T の大きなテーブルをすばやく削除する方法に...

MySQL内部一時テーブルの具体的な使用法

目次連合テーブルの初期化ステートメントの実行連合の結果ユニオンオールグループ化十分なメモリステートメ...

Mailtoを使えばHTMLでメールを送るのは簡単

最近、顧客のフッターメールボックスにクリックして送信するメール機能を追加しました。Baidu で検索...

フォント宝庫 50 種類の素晴らしい無料英語フォントリソース パート 1

デザイナーは独自のフォント ライブラリを持っているため、プロジェクトの設計時にすぐに使用できます。今...

マウスが画像のハイパーリンク上を通過するときに画像のサイズ(幅、高さ)を変更する CSS

マウスが画像の上を通過したときに画像のハイパーリンクを変更する方法:コードをコピーコードは次のとおり...

カルーセル効果を実現するネイティブJavaScript

この記事では、カルーセルの効果を実現するためのJavaScriptの具体的なコードを参考までに共有し...

zk+kafka+storm クラスターの docker-compose デプロイメントの実装

クラスターの展開の概要172.22.12.20 172.22.12.21 172.22.12.22 ...

Vueはドラッグプログレスバーを実装します

この記事では、ドラッグプログレスバーを実現するためのVueの具体的なコードを例として紹介します。具体...

Vue の element-ui コンポーネントのデフォルトの CSS スタイルを変更する 4 つの方法

目次序文1. グローバル統合オーバーライドを使用する2. .vueファイルを変更する3. コンポーネ...

Docker で Docker0 ブリッジのデフォルトのネットワーク セグメントを変更する方法

1. 背景Docker サービスが開始されると、デフォルトで docker0 ブリッジが作成され (...

JavaScript で右クリック メニューを統合する layim のサンプル コード

目次1. 効果の実証2. 実装チュートリアル3. 最後に、完全なコードを添付します4. その他の右ク...

Debian システムでの自動パッケージ更新の問題を解決する方法

いつから始まったのかはわかりませんが、コンピュータの電源を入れてインターネットに接続するたびに、デー...

W3C チュートリアル (15): W3C SMIL アクティビティ

SMIL は、Web にタイミングとメディアの同期のサポートを追加します。 SMIL は、Web に...

フレックスレイアウトにおける画像変形の解決策の詳細な説明

フレックス レイアウトは現在よく使用されるレイアウト方法ですが、場合によっては小さな問題が発生するこ...