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

推薦する

nginx.conf のルートディレクトリ設定の詳細な説明

nginx.conf を構成するときには常に何らかの問題が発生します。ここでは、よくある問題とその解...

mysql-connector-java.jar パッケージのダウンロード プロセスの詳細な説明

mysql-connector-java.jar パッケージのチュートリアルをダウンロードします: ...

複数のdiv内のテーブルのtdwidth設定は同じで、揃えることができません

最近、複数のdivにあるテーブルのTDを同じ幅に調整しても、揃えることができず、幅にパターンがないこ...

カルーセル効果を作成するためのjs

カルーセルはフロントエンド開発において比較的重要なポイントだと思います。ネイティブjsの知識ポイント...

Vueは小さなフォーム検証機能を実装します

この記事では、フォーム検証を実装するためのVueの具体的なコードを例として紹介します。具体的な内容は...

Docker ベースの ELK ログ システムを構築する方法

背景要件:ビジネスがどんどん大きくなると、サーバーの数も増え、さまざまなアクセスログ、アプリケーショ...

Docker+Nginx を使ってシングルページアプリケーションをデプロイする

開発から導入まで自分で行うシングルページアプリケーションを開発する場合、ビルドを実行した後 npm ...

HTMLフレームワーク_Powernode Javaアカデミー

1. フレームワークブラウザのドキュメント ウィンドウには 1 つの Web ページ ファイルしか表...

JSはGMTとUTCのタイムゾーンを完全に理解しています

目次序文1. GMT GMTとはGMTの歴史2. UTC UTCとはUTC は次の 2 つの部分で構...

データベースのインデックス作成に関する知識ポイントのまとめ。必要な情報はすべてここにあります。

データベースインデックスについては皆さんもよくご存知だと思います。 インデックスは、データベース テ...

MySQL 5.7.19 インストールディレクトリに my.ini ファイルを作成する方法

前回の記事では、MySQL 5.7.19 無償インストール版 (64 ビット) の設定方法についての...

docker を使用してコード サーバーをデプロイする方法

画像をプルする # docker pull codercom/code-server # Docke...

MySQLデータベース移行におけるデータ文字化けの問題を解決する

リーダーの指示のもと、Java プロジェクトを引き継ぎ、リファクタリングを行う必要がありました。同時...

Elasticsearch を使用する際の一般的な問題の解決策

1. redis で使用すると Netty の起動競合が発生するため、***Application ...

ログインボックスのドラッグ効果を実現するためのJavascript

この記事では、ログインボックスのドラッグ効果を実現するためのJavascriptの具体的なコードを参...