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

推薦する

preタグを自動的に折り返すためのサンプルコード

pre 要素は、フォーマット済みのテキストを定義します。 pre 要素で囲まれたテキストでは、通常、...

MySQL に大量のデータを挿入するときに重複データを除外する方法

目次1. 問題を発見する2.重複したデータを残さずにすべて削除する3. 削除テーブルから重複データを...

Linux での rpm、yum、ソースコードの 3 つのインストール方法の詳細な紹介

第1章 ソースコードのインストールRPM パッケージは特定のシステムとプラットフォームに応じて指定さ...

Nginxリバースプロキシ設定でプレフィックスが削除される

nginx をリバース プロキシとして使用する場合、リクエストをそのまま次のサービスに転送するだけで...

Linux システムで HugePages をすばやく構成するための完全な手順

序文Linux システムの HugePages と Oracle データベースの最適化については、関...

MySQL における UNION と UNION ALL の基本的な使い方

データベースでは、UNION キーワードと UNION ALL キーワードの両方が 2 つの結果セッ...

カルーセル効果を実現するための純粋なjs

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

フィルターと固定間の競合の原因と解決策の詳細な説明

問題の説明body内でfilter属性を使用すると、 fixed要素の位置が不正確になります。つまり...

Nginx に lua-nginx-module モジュールをインストールする方法

ngx_lua_module は、lua パーサーを nginx に埋め込み、lua 言語で記述され...

Vue3+el-tableは行と列の変換を実現します

目次行と列の変換トランスクリプトの構成を分析するvue3 + el-table で作成されたトランス...

Echarts バー水平棒グラフのサンプルコード

目次横棒グラフデータとスタイルを動的に更新するeChartsの幅と高さの適応の問題を解決する縦棒グラ...

Ubuntu16.04にCUDA9.0をインストールするための詳細なチュートリアル

序文:この記事は、CUDA 9.0 をインストールした経験に基づいています。CUDA 9.0 は現在...

MYSQL の 3 つのツリー構造テーブル設計の長所と短所の簡単な分析と共有

目次導入質問設計 1: 隣接リストテーブルデザインSQL の例デザイン 2: パスの列挙テーブルデザ...

Vue は左右のスライド効果のサンプルコードを実装します

序文個人の実際の開発で使用した効果問題を、今後の開発やレビューに役立てるためにまとめています。他の人...