グレースケールテスト
段階的なグレースケール、黒に近い階調、白に近い階調を表示し、隣り合う階調の見分けやすさ、ニュートラルグレーの色かぶり、画面の均一性を記録します。
グレースケール設定
グレースケール表示と観察記録
スクリプトが動作しない場合は、ページの説明でテスト方法を確認してください。
パターンをクリックするか左側のボタンで全画面に入ります現在のパターンで見分けられる最小と最大の段階番号を記録します。
最低段階は最高段階を超えられず、現在の段階数の範囲内で指定してください。
- テスト範囲
- 全範囲
- 全段階数
- 16
- 見える段階数
- 16/16
- 色かぶりの記録
- 未記録
- 均一性の記録
- 未記録
- 準備度
- 0/4
- Canvasレンダラー
- —
グレースケールの階調を確認する方法
| 範囲 | 見るポイント | 記録すること |
|---|---|---|
| 全範囲 | 黒から白までの全体の階調、色かぶり、大きな領域の均一性。 | 隣接階調が連続して見分けられるか、局所的な色かぶりがあるか。 |
| 暗部 | 黒に近い階調がつぶれていないか、黒レベルが浮いていないか。 | 最初に見分けられる段階と、暗部が広い範囲でつぶれていないか。 |
| ハイライト | 白に近い階調がクリップされるか、一つにまとまっていないか。 | 最も高い判別可能な段階と、ハイライト領域の色かぶり。 |
使い方と見方
テスト手順とショートカット
ネイティブ解像度とブラウザー100%表示に設定し、動的な色温度や画質補正をオフにしてから、全範囲、暗部、ハイライトを順に確認します。全画面では左右で範囲、上下で段階数、Oで向き、Lでラベルの表示を切り替えます。
グレースケール階調の生成方法
全範囲は0~255を等間隔でサンプリングし、暗部は0~63、ハイライトは192~255をサンプリングします。i番目の階調はround(start + i × (end − start) / (N − 1))で、赤・緑・青に同じ整数を使います。
対象範囲と見間違いの原因
このツールは目視確認用です。ブラウザーのカラーマネジメント、システムガンマ、拡大率、GPU出力、接続形式、ローカルディミング、周囲の光、視野角が結果に影響します。8ビットか10ビットかを単独で判定したり、専門的な調整を行ったりすることはできません。
プライバシー、実装、出典
すべてのパターンと観察記録はこのブラウザー内でローカルに生成します。入力のアップロード、第三者ランタイムAPIの呼び出し、ローカルストレージへの書き込みは行いません。
標準の8ビットRGBコード範囲とブラウザーのCanvasローカル描画を使い、サードパーティの実行ライブラリは使用していません。
よくある質問
グレースケールテストで何段階見えれば問題ないですか?
すべての機器に共通する段階数の基準はありません。明るさ、ガンマ、周囲の光、画面モードを固定し、隣接階調が広い範囲でつぶれていないかを見て、同じ画面の別モードや正常な画面と比べてください。
暗部とハイライトのグレースケールはどう見ますか?
暗部では黒に近い階調が一つにつぶれていないか、ハイライトでは白に近い階調が一つにまとまっていないかを見ます。両端とも同じ明るさ、色温度、画面モードで確認してください。
ニュートラルグレーが赤、緑、青に見えるのはなぜですか?
白色点、RGBゲイン、ICC設定、夜間モード、視野角、パネルの均一性などが色かぶりを生むことがあります。動的な色温度や目に優しい表示をオフにし、複数の階調と画面領域を確認してください。
グレースケールテストで8ビットと10ビットを判別できますか?
このテストだけでは判別できません。ブラウザー描画、システム合成、GPU出力、接続形式、ディザリング、パネル処理が最終画面に影響します。Webページで確認できるのは階調のつぶれや色かぶりの兆候だけです。