「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

24ビットカラー

pointこの用語のポイント

point16,777,216色の色を表現できるよ

point赤256色、緑256色、青256色の組み合わせで色が作られるよ

point1つのマス目あたり24ビット分の情報を持っているよ

スポンサーリンク

簡単に書くよ

24ビットカラー(英:24-bit color)とは

ディスプレイにおける色の表現の話で出てくる用語のひとつ
であり

「画面のマス目を塗るための絵の具を16,777,216種類も持っているよ!」なやつのこと
です。
もう少し具体的に書くと

「赤色のバリエーションが256色あって、緑色のバリエーションが256色あって、青色のバリエーションが256色あって、それらを組み合わせることで作られる16,777,216通り(256×256×256通り)の色を表現できるぜ!」なやつのこと
です。
言い方を変えると

1つのマス目(ピクセル)あたり、24ビット分の色情報を持っているやつ
です。


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として

ビット
ピクセル
光の三原色RGB


について説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

ビットは、コンピュータさんの世界における「0か1が入る箱」です。

24ビットカラー

あるいは、この「0か1が入る箱」の数を表す単位です。
例えば「4ビット」であれば「0か1が入る箱が4つあるよ」の意味になります。

24ビットカラー2

ピクセルは「画面や画像を構成する点」です。

実はコンピュータさんの世界では、画面や画像は、すべて点描画です。
一見すると絵に見えても実際には点の集まりなのです。

24ビットカラー3

心の目を開いてしっかりと見れば、あなたにも、その点のひとつひとつが見えるかもしれません。
私には見えないけど。

この「画面や画像を構成するひとつひとつの点」が「ピクセル」です。

24ビットカラー4

あるいは、点の数を表す単位として使われることもあります。
例えば「10px×10px」のような表記は「縦に10個のピクセル、横に10個のピクセル」の意味です。
「縦10個×横10個で、合計100個のピクセルでできた画像だよ!」と言っています。

光の三原色は「赤(Red)」「緑(Green)」「青(Blue)」の3つの色です。
それぞれの色の頭文字を取って「RGB」と表現されることも あります。

24ビットカラー5

光の三原色は、すべての色の基本となる色です。
この3つの色を、割合を変えて混ぜることで、いろいろな色を作れます。

光の三原色を使って色を作るときのイメージは

ライトの光

です。

最初の状態は黒です。
真っ暗闇です。

24ビットカラー6

それに「赤」「緑」「青」の光を(強さを変えて)当てることで様々な色に変わります。

24ビットカラー7

さらに当てる光を強くし続けると、最終的には白になります。

24ビットカラー8

「赤」「緑」「青」の光が出るライトさえ持っていれば(ほぼ)すべての色を作れるのです。

そんな

「この3つの色の光を使えば(ほぼ)すべての色を作れるね!」な3つの色(赤、緑、青)

が光の三原色です。

以上を踏まえて、本題に入ります。

上でも書きましたが、コンピュータさんの画面は点の集まりです。

24ビットカラー9

ひとつひとつの点に「この点には赤を表示しよう」「この点には薄い青を表示しよう」のように「いろいろな色」が表示されることで、全体として絵や文字が表現されています。

24ビットカラー10

この「いろいろな色」の数が16,777,216色なのが「24ビットカラー」です。
いまいちイメージできない人は

コンピュータさんが、マス目を塗るために16,777,216種類の絵の具を持っている

と思ってください。

24ビットカラー11

もう少し細かく見てみましょう。

先ほど、コンピュータさんがマス目を塗るときに使うものを「絵の具」と表現しましたが、実際には「懐中電灯(ライト)」です。
コンピュータさんは

1.「赤」色の光が出る懐中電灯
2.「緑」色の光が出る懐中電灯
3.「青」色の光が出る懐中電灯


3つの懐中電灯を持っています。

24ビットカラー12

この懐中電灯は光の強さを256段階に調整できます。

懐中電灯に付いている目盛りを「0」にすると光は消えます。

24ビットカラー13

目盛りを「1」にすると、うっすらと光が出ます。

24ビットカラー14

目盛りを「128」くらいにすると、そこそこ光が強くなります。

24ビットカラー15

目盛りを「255」にすると、メッチャ強い光が出ます。
これがマックスです。

24ビットカラー16

さて、ここで問題です。
この3つの懐中電灯の光を組み合わせることで、合計で何種類の色を表現できるでしょうか?

そうですね。

256×256×256=16,777,216

種類です。

全部の光を消した

1.懐中電灯「赤」の目盛り「0
2.懐中電灯「緑」の目盛り「0
3.懐中電灯「青」の目盛り「0


から

1.懐中電灯「赤」の目盛り「1
2.懐中電灯「緑」の目盛り「0
3.懐中電灯「青」の目盛り「0


1.懐中電灯「赤」の目盛り「0」
2.懐中電灯「緑」の目盛り「1
3.懐中電灯「青」の目盛り「0」


1.懐中電灯「赤」の目盛り「0」
2.懐中電灯「緑」の目盛り「0」
3.懐中電灯「青」の目盛り「1


1.懐中電灯「赤」の目盛り「2
2.懐中電灯「緑」の目盛り「0」
3.懐中電灯「青」の目盛り「0」


のように変えていって、最終的に

1.懐中電灯「赤」の目盛り「255
2.懐中電灯「緑」の目盛り「255
3.懐中電灯「青」の目盛り「255


になるまで、16,777,216通りの色が表現できます。

24ビットカラー17

これが24ビットカラーです。
コンピュータさんが1つのマス目に

1.256段階の「赤」色の光が出る懐中電灯
2.256段階の「緑」色の光が出る懐中電灯
3.256段階の「青」色の光が出る懐中電灯


の光を(光の強さを調整しながら)当てて色を表現するやり方です。

さらに細かく見てみましょう。

コンピュータさんがマス目を塗るときに使うものを「懐中電灯(ライト)」と表現しましたが、実際には「データ」です。
懐中電灯の光を当てる代わりに「懐中電灯の光を当てたってことにするわー」なデータを使って、表示する色を管理しています。

ここでポイントとなるのは、コンピュータさんのバカさ加減です。
コンピュータさんは賢い振りをしていますが、実際には「0(ゼロ)」と「1(イチ)」しか分かりません。

24ビットカラー18

だから「255」とか言われても、本当は「何それ?」なのです。

24ビットカラー19

でも、コンピュータさんに「255」と言うと「はいはい、オッケー」みたいに分かった振りをしますよね。
それは何故かというと「0か1が入る箱」(ビット)を たくさん持っているからなのです。

24ビットカラー20

「0か1が入る箱」が1個あれば「0」と「1」の2通りの情報を扱えます。

24ビットカラー21

「0か1が入る箱」が2個あれば

1.「0」「0」
2.「0」「1」
3.「1」「0」
4.「1」「1」


の組み合わせが作れるので、4通りの情報を扱えます。

24ビットカラー22

「0か1が入る箱」が8個あれば

1.「0」「0」「0」「0」「0」「0」「0」「0」
2.「0」「0」「0」「0」「0」「0」「0」「1」
3.「0」「0」「0」「0」「0」「0」「1」「0」
4.「0」「0」「0」「0」「0」「0」「1」「1」

(中略)

256.「1」「1」「1」「1」「1」「1」「1」「1」


の組み合わせが作れるので、256通りの情報を扱えます。

24ビットカラー23

これが「0(ゼロ)」と「1(イチ)」しか分からないコンピュータさんが大きな数を扱える秘密です。
「0か1が入る箱」をたくさん用意しておくことで「大きな数」を「『0』と『1』の組み合わせ」に変換して理解しているのです。

さて、ここまでの説明で

「0か1が入る箱」が8個あれば、コンピュータさんは256通りの情報を扱える

と分かりました。

24ビットカラー24

おっと、そういえば「赤」色の光が出る懐中電灯の光の強さは256段階に調整できるのでしたよね。

24ビットカラー25

ということは「0か1が入る箱」が8個あれば、コンピュータさんは「赤」色の光が出る懐中電灯の光の強さをすべて表現できます。

目盛りが「0」:「0」「0」「0」「0」「0」「0」「0」「0」
目盛りが「1」:「0」「0」「0」「0」「0」「0」「0」「1」
目盛りが「2」:「0」「0」「0」「0」「0」「0」「1」「0」
目盛りが「3」:「0」「0」「0」「0」「0」「0」「1」「1」

(中略)

目盛りが「255」:「1」「1」「1」「1」「1」「1」「1」「1」


……と扱えば良いからです。

24ビットカラー26

おやおや、そういえば同じような懐中電灯が、あと2個ありましたね。

24ビットカラー27

ということは「0か1が入る箱」が24個(8個×3)あれば、コンピュータさんは

1.256段階の「赤」色の光が出る懐中電灯
2.256段階の「緑」色の光が出る懐中電灯
3.256段階の「青」色の光が出る懐中電灯


から出る光の組み合わせを表現できます。

24ビットカラー28

「0か1が入る箱」は、カッコ付けて言うと「ビット」です。
つまり

24ビットの情報で、1つのマス目に表示する色を表現できる

ということです。

24ビットカラー29

だから「24ビット」カラーです。
「1つのマス目(ピクセル)の色情報は24ビットですよ!」を表現しています。


image piyo2

一言でまとめるよ

まぁ「24ビットカラー」って単語が出てきたら「1つのマス目あたり24ビット分の情報を持っていて、16,777,216色(赤256色×緑256色×青256色)の色を表現できるやつなんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像064
書籍画像041

おまけ

■訳してみるよ

「24」は「24」です。
「bit(ビット)」はIT用語の「ビット」です。
由来は「binary digit(バイナリー・デジット)」らしいですよ。
「color(カラー)」の意味は「色」とか「色彩」とかです。
何となく くっつけると

24ビットの色

となります。



■検索してみる?




書籍画像
わわわ説明術コラム
宣伝だよ
実務で役立つ ログの教科書 基礎知識から収集方法・分析手法・トラブルシューティング・パフォーマンス最適化・機械学習での活用まで
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
ウォーターサーバーのキャッチコピーを100本考える方法