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

推薦する

CentOS8 でローカル yum ソースを構成するための詳細なチュートリアル

centos8 ディストリビューションは、BaseOS および AppStream リポジトリを通じ...

Iframe の使用を減らすべきいくつかの理由の分析

次のグラフは、100 個の異なる要素で iframe を作成するのにどれくらいの時間がかかるかを示し...

Docker を使用した nGrinder パフォーマンス テスト プラットフォームの導入プロセスの分析

nGrinderとは何ですか? nGrinder は、スクリプトの作成、テストの実行、監視、結果レポ...

Zabbix の psk 暗号化と zabbix_get 値の組み合わせ

Zabbix バージョン 3.0 以降、Zabbix サーバー、Zabbix プロキシ、Zabbix...

CSS 要素で計算されたスタイルを取得します (カスケード/最終スタイル後)

CSS 要素内の計算されたスタイル (つまり、カスケード後の最終的なスタイル) を取得するには、W3...

WeChatミニプログラムがいいねサービスを実装

この記事では、WeChatアプレットの具体的なコードを参考までに紹介します。具体的な内容は次のとおり...

ユニークインデックスの S ロックと X ロックによる MySQL デッドロック ルーチンの理解

「初心者向けソースコードからの MySQL デッドロック問題の理解」では、MySQL ソースコードを...

MySQL学習データベース検索文DQL小百章

目次1. データの簡単な取得2. データの並べ替えと取得2.1. 基本構文2.2. ソート方向を指定...

JS を使用して航空機戦争の小さなゲームを実装する

この記事の例では、参考のために航空機戦争ゲームを実装するためのJSの具体的なコードを共有しています。...

システムエラー 1067 を解決するための MySQL データベース グリーン バージョンのインストール チュートリアル

ソフトウェアのグリーンバージョンとインストールバージョンの違いは何ですか?通常、ファイルのインストー...

uniapp プロジェクトの最適化方法と提案

目次1. 複雑なページデータ領域をコンポーネントにカプセル化する2. 大きな画像の使用を避ける3. ...

jsは水平および垂直スライダーを実現します

最近、練習プロジェクトをしていたときにスライダーを使う必要があったので、調べてみました。まず、水平ス...

単一選択折りたたみメニュー機能を実現するCSS

前回の「最もシンプルなスイッチを実現するCSS」のように、HTML5とCSS3でほとんどの機能をすで...

Swiper+echartsは複数のダッシュボードの左右スクロール効果を実現します

この記事では、ダッシュボードの左右スクロール効果を実現するためのスワイパー+echartsの具体的な...

VUE+Canvasはデスクトップピンボールブロック破壊ゲームのサンプルコードを実装します

誰もがピンボールやレンガ崩しのゲームをプレイしたことがあるでしょう。左と右のキーを使用して、下にある...