メインコンテンツへ移動
ToolShed
検索
⌘
K
人気
新着ツール
?
読み込み中...
🏠
探す
☰
カテゴリ
🔥
人気
?
について
ホーム
/
画像・軽量ファイル
/
画像カラー深度一覧
▨
画像カラー深度一覧
image/image-color-depth-list
1bitから32bitまでの画像カラー深度と表現色数を一覧できます。
最終更新日
2026-07-03
・ by
yuzlrin
このツールでできること
画像カラー深度一覧では、1bitから32bitまでの画像カラー深度と表現色数を一覧できます。
関連する観点として ビット深度、カラー深度、画像カラー深度一覧 を確認し、結果をコピーして別の作業に使えます。
項目
内容
1 bit
2色 (モノクロ)
8 bit
256色
16 bit
65536色
24 bit
約1677万色 (true color)
32 bit
約1677万色 + アルファ
使い方
「item」列で 1 bit、8 bit、16 bit、24 bit、32 bit の深度を確認します。
「content」列で2色、256色、65536色、約1677万色などの表現数を見ます。
写真用途では24bit true color、透過が必要なら32bitのアルファ付きという違いを確認します。
RAWやHDRのチャンネル階調を知りたい場合は、ビット深度の影響表と分けて見ます。
入力例・出力例
INPUT
1 bit
OUTPUT
2色 (モノクロ)
2^1=2をnodeで検算。
INPUT
24 bit
OUTPUT
約1677万色 (true color)
2^24=16777216。
INPUT
32 bit
OUTPUT
約1677万色 + アルファ
RGB色数に透明度情報を加える表記。
よくある利用シーン
GIFの256色、PNG-24の約1677万色など形式差を説明する。
透過を含む32bit画像と24bit画像の違いを確認する。
教材で、bit数が増えると表現色数が指数的に増えることを示す。
チャンネル階調ではなく、画像全体のカラー深度一覧を見たいとき。
結果確認のポイント
出力サイズ、縦横比、ファイル形式、画質が用途に合っているか確認してください。
ビット深度、カラー深度、画像カラー深度一覧の観点で、入力内容と出力内容がずれていないか見直してください。
コピーした結果を利用先に貼り付けたあと、改行や記号が変わっていないかも確認してください。
注意点
重要な元画像は別に保存し、必要に応じて元データと比較してください。
結果を公開・送信する前に、用途に合う形式かを必ず確認してください。
データの扱い / プライバシー
画像カラー深度一覧の主要な処理はブラウザ内で実行されます。
入力内容を保存するアカウント機能はなく、ページを閉じると作業内容は手元のブラウザから離れます。
本番の秘密情報や個人情報を扱う場合は、入力前に必要性を確認してください。
FAQ
よくある
質問
8ビットカラーと24ビットカラーの違いは何ですか?
8ビットカラーは2の8乗=256色しか表現できません。24ビット(True Color)はRGB各8ビットで2の24乗=約1677万色を表現でき、写真の自然なグラデーションを再現するのに十分な階調数です。GIF形式は8ビット(256色)に限定されます。
この表にはどのカラー深度が載っていますか?
掲載しているのは 1 bit、8 bit、16 bit、24 bit、32 bit の5行です。2 bit、4 bit、48 bit の用途一覧はこの表にはありません。
32ビットカラーはどのように表示されていますか?
32 bit は約1677万色 + アルファとして掲載しています。24 bit の true color に透明度情報を加える表記で、チャンネルあたり16bitの48bit RGBとは別の扱いです。
関連ツール
画像圧縮
画像をブラウザ上で圧縮・軽量化。JPEG/WebP出力、品質スライダーで調整。サーバーにアップロード不要で安全。
alt属性チェックリスト
装飾画像、情報画像、リンク画像、キャプション重複、125文字目安など alt 属性の判断項目を表で確認できます。
バナーサイズ一覧
Leaderboard、Medium Rectangle、Mobile Banner など代表的な広告バナー寸法を一覧表示します。
ダミー画像生成
指定サイズのダミー画像(プレースホルダー)をCanvas APIで生成。色・テキスト・フォーマット指定可能。Webデザインに。
favicon生成
1〜2文字またはアップロード画像から 16/32/48/180/192/512px の PNG favicon を canvas で生成します。
ファビコンサイズ一覧
16×16 から 512×512 までの favicon 用途、HTML link タグ、manifest icons の雛形を確認できます。
<figure>タグ生成
入力した画像 URL を src に入れ、loading と decoding を付けた figure/figcaption の雛形を生成します。
アイコンサイズ一覧
favicon、Apple Touch、Android Chrome、Windows Tile、iOS/Android アプリの代表アイコンサイズを用途別に確認できます。