RGBの種類 / ビットカラー

RGB

一覧

 状態:-  閲覧数:8,330  投稿日:2016-04-26  更新日:2016-04-29
3ビットカラー
8ビットカラー
12ビットカラー
15ビットカラー
16ビットカラー
18ビットカラー
24ビットカラー
30ビットカラー
32ビットカラー
36ビットカラー
42ビットカラー
48ビットカラー

比較
ビット R G B
3 8 2階調 2階調 2階調
8 256 8階調 8階調 4階調
12 4,096 16階調 16階調 16階調
15 32,768 32階調 32階調 32階調
16 65,536 32階調 64階調 32階調
18 262,144 64階調 64階調 64階調
24 16,777,216 256階調 256階調 256階調
30 1,073,741,824 1,024階調 1,024階調 1,024階調
32 16,777,216 256階調 256階調 256階調
36 68,719,476,736 4,096階調 4,096階調 4,096階調
42 4,398,046,511,104 16,384階調 16,384階調 16,384階調
48 281,474,976,710,656 65,536階調 65,536階調 65,536階調


3ビットカラー

 閲覧数:546 投稿日:2016-04-26 更新日:2016-04-29

3ビットカラー


RGBそれぞれを1ビットで表す
・各色要素は2階調の輝度で表され、全体では8色を表現
8色 = 2階調 × 2階調 × 2階調

一覧表
- bit 階調
R 1 2
G 1 2
B 1 2


8ビットカラー / インデックスカラー / パレットカラー

 閲覧数:882 投稿日:2016-04-26 更新日:2016-04-28

8ビットカラー


RとGの成分にはそれぞれ3ビット(8階調)を割り当て、残る2ビット(4階調)をBに割り当てる方式
・256色を表現
256色 = 8階調 × 8階調 × 4階調

一覧表
- bit 階調
R 3 8
G 3 8
B 2 4


12ビットカラー

 閲覧数:544 投稿日:2016-04-26 更新日:2016-04-28

12ビットカラー


RGBそれぞれを4ビットで表す
・各色要素は16階調の輝度で表され、全体では4,096色を表現
4,096色 = 16階調 × 16階調 × 16階調

一覧表
- bit 階調
R 4 16
G 4 16
B 4 16


15ビットカラー / ハイカラー

 閲覧数:614 投稿日:2016-04-26 更新日:2016-04-26

15ビットカラー


RGBそれぞれを5ビットで表す
・各色要素は32階調の輝度で表され、全体では32,768色を表現
32,768色 = 32階調 × 32階調 × 32階調

一覧表
- bit 階調
R 5 32
G 5 32
B 5 32


16ビットカラー / ハイカラー

 閲覧数:505 投稿日:2016-04-26 更新日:2016-04-27

16ビットカラー


RBそれぞれを5ビットで、Gを6ビットで表す
・RB要素は32階調、G要素は64階調の輝度で表され、全体では65,536色を表現
65,536色 = 32階調 × 64階調 × 32階調

一覧表
・緑だけ1ビット多いのは、全体のビット数を切りのいい16ビット(2バイト)に調整することと、人間の目が緑色を識別しやすいためとされる
- bit 階調
R 5 32
G 6 64
B 5 32


18ビットカラー

 閲覧数:478 投稿日:2016-04-26 更新日:2016-04-27

18ビットカラー


RGBそれぞれを6ビットで表す
・各色要素は64階調の輝度で表され、全体では262,144色を表現
262,144色 = 64階調 × 64階調 × 64階調

一覧表
- bit 階調
R 6 64
G 6 64
B 6 64


24ビットカラー / トゥルーカラー

 閲覧数:575 投稿日:2016-04-26 更新日:2016-04-27

24ビットカラー


RGBそれぞれを8ビットで表す
・各色要素は256階調の輝度で表され、全体では16,777,216色を表現
※人間の眼が識別できる色数は約1000万色とされている
16,777,216色 = 256階調 × 256階調 × 256階調

一覧表
- bit 階調
R 8 256
G 8 256
B 8 256


30ビットカラー

 閲覧数:546 投稿日:2016-04-26 更新日:2016-04-28

30ビットカラー


RGBそれぞれを10ビットで表す
・各色要素は1,024階調の輝度で表され、全体では1,073,741,824色を表現
1,073,741,824色 = 1,024階調 × 1,024階調 × 1,024階調

一覧表
- bit 階調
R 10 1,024
G 10 1,024
B 10 1,024


32ビットカラー / トゥルーカラー

 閲覧数:509 投稿日:2016-04-26 更新日:2016-04-27

32ビットカラー


24ビットのトゥルーカラー
・RGB三原色を各8ビット(256階調)で表現しているという意味においては、24ビットカラーと同じ
・最大色数も16,777,216色扱えるため、24ビットカラーと同じ
※4,294,967,296(=2の32乗)色を表現できるわけではない
16,777,216色 = 256階調 × 256階調 × 256階調

残りの8ビット
・何も格納されないか、アルファチャンネルに使用される
・パソコンの内部処理が32ビット単位で行われることに合わせて付加されている場合があり、その場合は、その8ビット分は実際には使用されていない
・また、グラフィックソフト独自で、αチャンネル用のデータとして使用されている場合もある

一覧表
- bit 階調
R 8 256
G 8 256
B 8 256


36ビットカラー

 閲覧数:618 投稿日:2016-04-26 更新日:2016-04-28

36ビットカラー


RGBそれぞれを12ビットで表す
・各色要素は4,096階調の輝度で表され、全体では68,719,476,736色を表現
68,719,476,736色 = 4,096階調 × 4,096階調 × 4,096階調

一覧表
- bit 階調
R 12 4,096
G 12 4,096
B 12 4,096


42ビットカラー

 閲覧数:534 投稿日:2016-04-26 更新日:2016-04-28

42ビットカラー


RGBそれぞれを14ビットで表す
・各色要素は16,384階調の輝度で表され、全体では4,398,046,511,104色を表現
4,398,046,511,104色 = 16,384階調 × 16,384階調 × 16,384階調

一覧表
- bit 階調
R 14 16,384
G 14 16,384
B 14 16,384


48ビットカラー

 閲覧数:586 投稿日:2016-04-27 更新日:2016-04-28

48ビットカラー


RGBそれぞれを16ビットで表す
・各色要素は65,536階調の輝度で表され、全体では281,474,976,710,656色を表現
※約281兆色
281,474,976,710,656色 = 65,536階調 × 65,536階調 × 65,536階調

使用例
・Adobe Photoshop

一覧表
- bit 階調
R 16 65,536
G 16 65,536
B 16 65,536


「48ビットイメージ」を「24ビットイメージ」と比較しても


より良く見えはしない
※人間の眼が識別できる色数は約1000万色とされている

・色間の陰影がより存在するため(256段階に対して65,536段階)、多段階の画像処理を行っても目立つバンディングポスタリゼーション(トーンジャンプ)が起こるリスクを避けられる






RGB



週間人気ページランキング / 4-19 → 4-25
順位 ページタイトル抜粋 アクセス数
1 16進数カラーコード / 2進数 23
2 Windows10で「Google Chrome」が常に最前面に表示される。「アクティブウィンドウ」が最前面で表示されない → 解決方法存在しない | Google Chrome(ブラウザ) 14
3 「Font Awesome 4」と「Font Awesome 5」の違い(Font Awesome バージョン4からのアップグレード) | Font Awesome(フォント) 13
4 「マウスオーバー」「ロールオーバー」「ホバー」の違い | CSS 12
5 RGB ⇔ Lab | 色変換(色) 9
5 Chromeデベロッパーツールで、スマホソースコードを確認したいが、USBデバッグ機能をどうしても有効にすることが出来ない | モバイルデザイン(デザイン) 9
6 Design 0 8
6 血の色 / #b30000 / #360800 / #ff0000 | カラーコード(色) 8
7 Chrome でキャッシュを効かさない | Google Chrome(ブラウザ) 6
8 「z-index」効果を打ち消すスタイルシートは、「z-index:auto;」 5
8 「Chrome拡張機能」開発中に遭遇したエラー | Chrome 拡張機能 5
9 max-width: 100%の効果を打ち消すには、max-width: none; | CSS 4
10 「line-height」効果を打ち消すスタイルシートは、「line-height:normal; 3
10 「overflow」効果を打ち消すスタイルシートは、「overflow: auto;」 3
10 「群青色」「瑠璃色」「ウルトラマリンブルー」の違い 3
10 「bgcolor」「background-color」「background」の違い | CSS 3
11 HTML5でiframeスクロールバーを表示しない方法が不明 | HTML5(HTML) 2
11 「Midjourney」を使用してみた感想。2022 年 8 月 2 時点では、画像生成能力自体は素晴らしいと思いますが、UIが致命的に分かりづらかったです。 | AI画像生成 2
11 2進数 / Binary Number 2
11 鉄道会社毎のカラーコード | カラーコード(色) 2
2024/4/26 1:01 更新