Click to enter fullscreen
Compare how clearly each hue pair separates
色覚・画面色彩分離テスト
このブラウザテストは医療診断ではなく、ディスプレイの色分離性能を測定するための画面テストです。混同しやすい色相ペア（赤緑、青黄、およびカスタム色板）をモニターいっぱいに表示し、UI状態、ゲーム、キャリブレーション作業においてパネルがどれだけ色を明確に識別できるかを確認します。
Patterns
Confusion axes
Protan
Red–weak / missing
Reds darken toward brown; red–green status pairs may merge
Plate · Red on green
Deutan
Green–weak / missing
Greens shift toward grey-brown; same hard pairs as protan
Plate · Green on red
Tritan
Blue–yellow axis
Blues and yellows collapse — rarer, still worth a UI check
Blue on yellow
Custom
Your UI hues
Pick disc + field for a brand color, game HUD, or status chip
Custom pair
Setup & custom
- Filters off Disable night mode, True Tone, blue-light filters, and OS color filters
- sRGB / standard Leave Vivid / Cinema / Game modes — use the panel’s standard preset
- Normal distance Sit where you usually work or game — don’t lean in to force separation
- Judge each pair Distinct = safe color-only signal. Merged = don’t rely on hue alone here
Custom pair (optional)
Run & cycle
- ← → Cycle patterns
- F Fullscreen
Reading the result
What clear and merged pairs mean on your display
Distinct
Clear separation
The disc stays visibly distinct from the field at your normal viewing distance. That pair is safe to use as a color-only signal on this display in this mode.
Collapsed
Hues merge
A merged pair on screen usually means the display or its settings collapse the hues — night mode, filters, a vivid preset, or panel limits. Check sRGB with filters off before drawing conclusions.
Display QA
Not a medical test
This checks how your screen separates colors for UI, games, and calibration QA. It cannot diagnose color vision deficiency — that needs printed plates and a professional under controlled light.
ブラウザで実行する画面向け色彩識別テスト
TestMyGearsは全画面色相フィル、4象限混同プレート、サイズ調整可能な前面サークルなど、すべてのテストをブラウザ内で完結させます。実際にお使いのモニターで、ステータスカラー、敵の輪郭線、キャリブレーションスウォッチがしっかりと分離されて見えるかを判定します。
全画面色相分離プレート
混同プレートは、ニュートラルグレーの背景上に赤、緑、オレンジ、茶色を配置します — 画面上で赤緑チャンネルの分離が崩れた際に混ざりやすい4つの象限です。全画面表示にして実パネルサイズで視認性を確認してください。
赤緑＆青黄ペアテスト
緑地に赤丸、赤地に緑丸、黄地に青丸など、背景色と前面サークルの対比を切り替えます。円が背景から浮き上がって明瞭に見分けられるなら、その組み合わせはお使いの画面で十分に識別可能です。
視覚的QAであり医療診断ではありません
これはパネルとUIの色分離性能を確認するテストであり、色覚異常を診断するものではありません。臨床の石原式色覚検査は標準照明と専門家による判定が必要なため、本ページは医療用診断ではなくディスプレイ性能テストとして扱ってください。
ある画面では区別できず、別の画面では鮮明に見分けることができる理由
モニターの色分離に関する疑問は、主に3つの要素に集約されます。比較している色の組み合わせ、パネル自体のチューニング、そして映像信号がパネルに届く前にOSが行う処理です。
赤緑・青黄 — 識別が崩れやすい代表的な色相軸
最も一般的な混同軸は赤緑（1型・2型色覚特性）および青黄（3型色覚特性）です。緑の背景に赤い円が溶け込んで見える場合、そのパネルの設定や照明環境ではその色のペアが正しく分離されていません。
OSの夜間モードやカラーフィルターによる変化
夜間モード、True Tone、ブルーライトカット機能は、信号がパネルに届く前に色相を再マッピングします。昼光下ではっきり区別できる色の組み合わせが、暖色フィルター下では混同してしまうことがあるため、UIデザインにおいて画面レベルの検証が極めて重要です。
ブラウザテストと印刷版石原式色覚検査表の違い
臨床の色覚検査は、特殊インクで印刷された仮性同色表、D65標準光源、時間制限下での判定を用います（完全版38表、簡易版24表）。ブラウザ環境では印刷の物理的反射を再現できないため、本ツールは視覚ではなくディスプレイの表示能力をテストします。
モニターで色彩分離テストを実施する手順
要領をつかめば1分以内で完了します。まず暖色フィルターを無効化し、全画面でプレートを表示して、普段使用する各表示モードで色の見え方を比較します。
-
画面をニュートラルな基準状態に設定
夜間モード、True Tone、カラーフィルターをすべてオフにし、モニターのOSDでsRGBまたは標準モードを選択します。これらの設定は色分離テストにおける最大の変動要因となります。 こちらも参照: 事前準備チェックリスト .
ヒント 普段作業で使用している画面モードでテストした後、sRGBモードでも再確認してください
-
全画面で各色相ペアを順次確認
確認したいパターンを選んで開始を押します。矢印キーでパターン切り替え、Fキーで全画面表示になります。各画面で「前景の円が背景色から鮮明に分離して見えるか」を注視してください。 こちらも参照: 各パターンの検証項目 .
ヒント サークルを小さくすると難易度が上がります — 60〜80pxに縮小するとより厳密にチェックできます
-
結果をディスプレイの表示特性として分析
鮮明に分離して見えるペアは、現在のパネルと設定がその色の違いを適切に維持できていることを示します。混ざって見えるペアは、その画面にとって色差が小さすぎることを意味します — キャリブレーションやフィルターを見直すか、実際のUIデザインでは色だけに頼らずアイコン、テキスト、形状などの補助要素を追加してください。 こちらも参照: モニター色補正ツール .
ヒント OSD設定、GPUドライバー、夜間モードを変更した後は再テストしてください — 設定変更によって結果が変化します
各パターンが検証する表示特性と目的
混同プレート
グレー背景に赤、緑、オレンジ、茶色の4色を配置。印刷された数字なしで、赤緑軸の中間調の分離度を一目で直感的にチェックできます。
緑地に赤＆赤地に緑
成功を示す緑とエラーを示す赤という、代表的なUIステータスカラーの対比です。実際の画面サイズで重要な配色がしっかりと区別できるかを確認します。
黄地に青
青黄（3型色覚特性）の色相軸です。発生頻度は低いものの、夜間モードや特定の色プロファイルによって青と黄のコントラストが低下することがあります。
カスタムカラーペア＆サークル
UIで実際に使用する任意の前景色と背景色を選択し、サークルを縮小してバッジ、ドット、グラフ線などの微小UI要素の視認性を検証します。
画面の色彩分離不足が問題を引き起こす典型的なシーン
UIステータスカラー
- 一部のパネルでは成功の緑とエラーの赤が同一状態に見えてしまう
- 色だけに頼って情報を伝えるバッジ、トグル、グラフのプロット点
- 暖色系夜間モードで琥珀色の警告と緑色の正常表示が同化してしまう
ゲーム画面＆HDRハイライト
- 高彩度なゲーム背景で敵の輪郭線と味方マーカーの判別が困難になる
- 草木や溶岩テクスチャの上に重なるミニマップのドットが見落とされる
- 彩度を過剰に強調した鮮やかモードが逆に色の境界識別を損なう
パネル比較＆初期不良チェック
- 同じカラーペアを2台のノートPCやモニターに並べて視覚比較
- 返品保証期間内に中間調の色分離が劣るパネルを素早く特定
- ドライバー更新などの対策によって実際に色分離が改善したかを確認
キャリブレーション＆カラーグレーディング環境
- OSD調整やカラープロファイル適用後に各色相の分離度を検証
- sRGBモードでWebセーフカラー同士がしっかりと区別されるかを確認
- 色分けされたデータダッシュボードを読み取る前の事前確認
テスト前に済ませておくべき画面設定
-
Windowsの画面設定
「設定」→「アクセシビリティ」→「カラーフィルター」を開き、フィルターが無効であることを確認します。夜間モードをオフにし、sRGBプロファイルを選択、テスト時はHDRを無効化してください。
-
macOS＆iOSのカラー管理
システム設定の「ディスプレイ」でTrue ToneとNight Shiftを無効化し、デフォルトのカラープロファイルを使用します。iPhoneやiPadでは「設定」→「アクセシビリティ」→「画面表示とテキストサイズ」で「カラーフィルタ」を確認してください。
-
GPUドライバーとモニタープリセットの初期化
NVIDIA、AMD、Intelのグラフィック設定をアプリケーション制御にリセットし、モニターOSDで「標準」または「sRGB」を選びます。「鮮やか」やゲームモードなどの高彩度設定は判定結果を狂わせます。
-
設定変更の都度再確認
OSD、ドライバー、フィルターを変更した後は本ページで再確認してください。以前混ざっていたペアが鮮明に分離するようになったなら、原因はパネルではなく設定にあったことが証明されます。
色覚・画面色彩分離テスト よくある質問
これは正式な医療用色覚検査ですか？
いいえ、違います。これはモニターが色の組み合わせをどれだけ明確に分離できるかを示すディスプレイ性能テストであり、色覚異常を医学的に診断するものではありません。臨床の精密検査はD65標準照明と印刷検査票を用いて行われますので、眼科専門医にご相談ください。
2型（緑色弱）と1型（赤色弱）の違いは何ですか？
どちらも赤緑色覚特性に属します。1型（プロタン）は長波長（赤）の視細胞、2型（デュータン）は中波長（緑）の視細胞の感受性に関係しており、それぞれ赤色弱、緑色弱と呼ばれます。本ツールの赤緑対比パターンは、画面上におけるまさにこの赤緑軸の分離度をテストします。
なぜモニター上でステータスカラーが同じように見えてしまうのですか？
ユーザーの視覚ではなく、ディスプレイの性能や設定が原因であることがほとんどです。夜間モードやフィルターは色相を歪め、鮮やかすぎるプリセットは色の分離を損ない、未校正のパネルは赤と緑の中間調を混同させます。フィルターをオフにしたsRGBモードで本テストを実行し、原因を切り分けてください。
無料のオンライン色覚テストでも役立つ結果は得られますか？
オンラインテストは、画面上に描画された色の組み合わせをモニターが正しく分離できているかを示すことができ、これはパネルの品質管理やUI設計にとって非常に有益なデータです。ただし画面の色域やOSのフィルター、環境光の影響を受けるため、専門家による紙の検査表のような精密な視力診断の代わりにはなりません。
色覚テストの難易度を上げる要因は何ですか？
対象のサイズが小さいこと、色相が近いこと、そしてコントラストが低いことです。高難度の検査表は微小なドットパターンを用い、隠れた図形が背景とごくわずかな色差しか持ちません。本ツールでも前面サークルを小さくし、近い色相をカスタム選択することで厳格なテストが可能です。
解答付きの色覚検査PDFや書籍は正確ですか？
印刷された正式な石原式色覚検査表（38表版や24表版）が医療基準であり、PDF版はあくまで練習や参考用です。正確な判定には印刷品質、6500K前後の標準照明、専門医による診断が不可欠です。画面上で見るPDFは、正式な検査票の代わりにも本ツールのような動的表示テストの代わりにもなりません。
UIデザインプロジェクトで優先してテストすべき色の組み合わせは？
成功の緑とエラーの赤から始め、次に実際のブランドカラーやステータス用パレットを検証します。パレットから2色を選び、一方を円、もう一方を背景にして小さなサイズで確認してください — 画面上で混ざって見える場合は、色だけに頼らずアイコン、ラベル、形状などの補助情報を必ず追加しましょう。
夜間モードやダークテーマは結果に影響しますか？
はい、影響します。暖色フィルターは青黄だけでなく赤緑のバランスも大きく変化させ、ダークテーマは全体の輝度コントラストを低下させます。夜間に作業することが多い場合は、実際の夜間作業環境でもテストを行い、実用環境で信頼できる色の組み合わせを確認してください。
スマートフォンやタブレットで色分離をテストするには？
デバイスのブラウザで本ページを開き、アクセシビリティ設定のカラーフィルターをオフにした上で全画面ボタンを押します。スマートフォンは独自の白色点チューニングを行っているためPCと結果が異なることがあり、その差異を把握することこそがデバイス別テストの意義です。
