色彩感覚テスト:1枚だけ色が違うタイルを探そう
色彩感覚テストは、並んだタイルの中から1枚だけ明るさが少し違うタイルを探すゲームです。持ち時間は60秒。正解するとタイルが増えて色の差が小さくなり、間違えると3秒減ります。終了時に正解数と、見分けられた一番小さい色の差(色差ΔE)が出ます。
出典:CIE 015:2018 Colorimetry, 4th Edition(CIE L*a*b*・色差ΔE*ab、2026年10月7日確認)。更新日:
計算方法
色彩感覚テストのやり方
- 「スタート」を押すと、同じ色のタイルが並びます。その中に1枚だけ明るさが少し違うタイルがあります。
- 違うと思うタイルを押します。正解すると次の問題に進み、タイルの数が増えて色の差が小さくなります。
- 間違えると持ち時間が3秒減ります。60秒たつと終了し、正解の場所に枠が付きます。
- 最後に正解数・ミスの数と、正解できた中で一番小さい色の差(ΔE)が表示されます。自己ベストはこの端末に保存されます。
レベルの上がり方
| 正解数 | タイル | 明るさの差 |
|---|---|---|
| 0 | 2×2(4枚) | 24% |
| 1 | 3×3(9枚) | 20.5% |
| 2〜3 | 4×4(16枚) | 18%〜15.5% |
| 4〜5 | 5×5(25枚) | 13%〜11.5% |
| 10以上 | 8×8(64枚) | 5.5%以下(最小2%) |
色は毎回ランダムです。色相(色み)はそのままで、HSLの明るさ(L)だけを変えています。明るさの差は正解ごとに約14%ずつ小さくなり、2%より小さくはなりません。
色差ΔEとは
ΔE(デルタE)は、2つの色がどれくらい違って見えるかを表す数値です。このツールでは、画面の色(sRGB)をCIE L*a*b*という色の表し方に直し、その距離(ΔE*ab、CIE 1976の式)を計算しています。数字が小さいほど似た色で、小さい差を見分けられたほど高得点に近いといえます。同じ明るさの差でも、色によってΔEは変わります。
注意
- 結果は画面の明るさ、色の設定、ブルーライトカット、部屋の照明で大きく変わります。比べるなら同じ端末・同じ明るさで。
- このテストは遊び・トレーニング用です。色覚の検査や診断はできません。色の見え方が気になるときは眼科で相談してください。色の見え方の違いは色覚シミュレーターで体験できます。
- 平均点のデータは集めていないため、平均や偏差値は表示しません。自分の記録を伸ばす目安に使ってください。
よくある質問
色彩感覚テストは無料ですか?
はい。登録もダウンロードも不要で、ブラウザだけで何回でも遊べます。スマホでもパソコンでも使えます。
色彩感覚テストの平均は何点ですか?
このツールは利用者の結果を集めていないため、平均点は出していません。画面や照明で結果が変わるので、同じ端末で自分の記録を比べるのがおすすめです。
どうやって色の差を決めていますか?
ランダムな色を選び、1枚だけHSLの明るさを上げるか下げます。差は最初24%で、正解するたびに約14%ずつ小さくなり、最小2%です。タイルは2×2から最大8×8まで増えます。
ΔEとは何ですか?
2つの色の見た目の違いを表す数値(色差)です。sRGBの色をCIE L*a*b*に直して距離(CIE 1976のΔE*ab)を計算しています。小さいほど似た色です。
色覚異常かどうかわかりますか?
わかりません。このテストは明るさの違いを探すゲームで、色覚の検査ではありません。色の見え方が気になるときは眼科に相談してください。
間違えるとどうなりますか?
持ち時間が3秒減ります。問題はそのままなので、もう一度探せます。60秒たつと終了し、正解のタイルに枠が付きます。
出典・根拠
- CIE 015:2018 Colorimetry, 4th Edition(CIE L*a*b*・色差ΔE*ab、2026年10月7日確認)
- ウィキペディア – 色差(ΔE*ab = CIE 1976の色差式)
- W3C – CSS Color Module Level 4(hsl() と sRGB の変換)
- MDN Web Docs – Crypto.getRandomValues()(色と位置の乱数)
更新日: · 編集方針
関連ツール
- ストループテスト:文字の「色」を答える無料テストストループテストを無料で。赤・青・緑・黄の文字が別の色で出るので、文字ではなく色のボタンを押します。正答率と反応時間、一致と不一致の差(ストループ効果)を表示。
- 反射神経テスト:あなたの反応速度は何ms?無料の反射神経テスト(反応速度テスト)。色・音・選択反応の3種類で反応時間をms単位で測定。5回の平均・中央値・最速タイムと、研究での目安値との差も表示します。
- 色覚シミュレーター画像や配色が、P型・D型・T型の色覚や色が分からない見え方でどう見えるかを確認できます。学術モデルに基づき、画像はブラウザー内で処理します。
- エイム練習(エイムトレーナー)ブラウザで無料のエイム練習サイト。30個タイムアタック、15〜60秒チャレンジ、3個同時、動く的、精密の5モード。命中率と1発ごとのグラフも表示します。
- 記憶力テスト:いくつの数字を覚えられる?無料の記憶力テスト。数字を順番どおり・逆順に、または色の並びを覚えて答えます。記憶範囲(スパン)と自己ベストを表示。診断ではなく練習用です。
- ランダムカラー生成ツールランダムなカラーやパレットを生成します。完全ランダム、パステル、鮮やか、暗め、同系色、配色調和から選べて、HEX・RGB・HSLと読みやすい文字色も表示します。
- ソリティア無料ゲーム(クロンダイク)ソリティア(クロンダイク)を無料プレイ。登録不要で、1枚・3枚めくり、元に戻す、ヒント、必ず解ける「今日の配札」付き。タイムを共有すると同じ配札で挑戦できます。
- 動体視力テスト:画面を横切る数字を読み取ろう動体視力テストを無料で。画面を横切る数字を読み取って入力するゲームです。3桁・1.5秒から7桁・0.55秒まで12段階、ミスは2回まで。自己ベストも記録。
- 数字タッチゲーム:ビジョントレーニングにも使える無料ゲーム数字タッチゲームを無料で。バラバラに並んだ1〜25(または1〜50、1〜9)の数字を順番にタッチしてタイムを計ります。ビジョントレーニングや療育、脳トレにも。