ウィキペディアのトゥルーカラー(24ビット)は、関連する部分で次のように説明されています。
24ビットは、ほとんどの場合、R、G、Bの各8ビットを使用します。2018年現在、24ビットの色深度は、ほぼすべてのコンピューターと電話のディスプレイ、および大多数の画像ストレージ形式で使用されています。ピクセルごとに32ビットがあるほとんどすべての場合、24が色に使用され、残りの8がアルファチャネルまたは未使用であることを意味します。
2 24は16,777,216色のバリエーションを提供します。人間の目は最大1,000万色を識別でき[10]、ディスプレイの色域は人間の視覚の範囲よりも小さいため、これはその範囲を知覚できるより詳細にカバーする必要があることを意味します。...
...
Macintoshシステムでは、24ビットカラーを「数百万色」と呼びます。「トゥルーカラー」という用語は、この記事で「ダイレクトカラー」と呼ぶものを意味するために使用される場合があります。[13]また、24以上のすべての色深度を指すためにもよく使用されます。
16,777,216色すべて
仕事
配列内のすべての16,777,216色のバリエーションを生成し、CSS rgb()
関数の文字列として返すプログラムを作成する
5.1。RGB関数:
rgb()
およびrgba()
この
rgb()
関数は、赤、緑、青のチャンネルを直接指定することにより、RGBカラーを定義します。構文は次のとおりです。rgb() = rgb( <percentage>{3} [ / <alpha-value> ]? ) | rgb( <number>{3} [ / <alpha-value> ]? ) <alpha-value> = <number> | <percentage>
最初の3つの引数は、それぞれ色の赤、緑、青のチャンネルを指定します。
0%
は、sRGB色域内のそのカラーチャネルの最小値を100%
表し、最大値を表します。A は最大値を表します。これらの値は、多くのグラフィックスエンジンがカラーチャネルを内部で1バイトとして格納し、0〜255の整数を保持できるという事実に基づいています。実装は、可能な限り、作成または計算されたチャネルの精度を尊重する必要があります。これが不可能な場合、チャネルは使用される最高精度で最も近い値に丸められ、2つの値が等しく近い場合は切り上げられます。<number>
はと同等ですが、<percentage>
範囲が異なります。0
ここでも、カラーチャネルの最小値を表しますが、255
最後の引数、は
<alpha-value>
、色のアルファを指定します。aとして指定した場合<number>
、値の有効な範囲は0
(完全に透明な色を1
表す)から(完全に不透明な色を表す)です。として指定した場合0%
、完全に透明な色を100%
表し、完全に不透明な色を表します。省略した場合、デフォルトはになり100%
ます。これらの範囲外の値は無効ではありませんが、計算値の時点でここで定義された範囲に固定されます。
レガシーの理由により、
rgb()
すべての引数をコンマで区切る代替構文もサポートしています。rgb() = rgb( <percentage>#{3} , <alpha-value>? ) | rgb( <number>#{3} , <alpha-value>? )
また、従来の理由から、
rgba()
と同じ文法と動作を持つ関数も存在しrgb()
ます。
またはRGB 16進表記#RRGGBB
形式
5.2。RGB 16進表記:
#RRGGBB
CSSの16進色表記では、チャネルを16進数で指定することで色を指定できます。これは、コンピューターコードで色を直接記述する場合とよく似ています。また、同じ色を
rgb()
表記で書くよりも短いです。構文が
<hex-color>
あり<hash-token>
、その値は3、4、6、または8桁の16進数で構成されたトークン。つまり、16進数の色は、ハッシュ文字「#」の後に、0〜9の数字またはa〜fの文字が続きます(文字の大文字小文字は関係ありません-#00ff00
は同一です#00FF00
)。指定された16進数字の数によって、16進表記をRGBカラーにデコードする方法が決まります。
6桁
16進数として解釈される最初の数字のペアは、色の赤チャネルを指定します。ここで
00
、最小値を表し、ff
(10進数で255)は最大を表します。同じように解釈される次の数字のペアは緑のチャンネルを指定し、最後のペアは青を指定します。色のアルファチャネルは完全に不透明です。例2
言い換えれば、(ライムグリーン)#00ff00
と同じ色を表しrgb(0 255 0)
ます。
CSS Color Module Level 4のエディターのドラフトを参照してください。
例
CSSのrgb()
機能(空白文字はコンマ文字に置き換えることができ、例えば、rgb(0 255 0)
)
// `rgb()` `<percentage>` as strings in resulting array
['rgb(0%,0%,0%)', ...,'rgb(0%,255%,0)', ...'rgb(255,255,255)']
// `rgb()` `<number>` as strings in resulting array
['rgb(0,0,0)', ...,'rgb(0,255,0)', ...'rgb(255,255,255)']
CSS RGB 16進表記 RRGGBB
// RGB hexadecimal notation as strings in resulting array
['#000000', ...,'#00ff00', ...'#ffffff']
受賞基準
プログラムの書き込みに使用される最小バイト。