🎨 カラーマッチングゲーム(色彩感覚テスト)

使い方

1. お題の色カードをよく観察し、自分が推測する RGB または HSL の値までスライダーを動かします。
2. 「提出する」ボタンを押して、作った色とお題の色の誤差率(%)を分析してもらいます。
3. 誤差の大きさに応じたランク評価と、これまでの挑戦履歴を確認します。

よくある質問

色の一致率はどんな計算式で出していますか?

色を 3 次元空間(RGB のベクトル空間)の点として扱い、2 点間のユークリッド距離を使って算出しています。2 つの色の差が 0 に近いほど、一致率は 100% に近づきます。

RGBモードよりHSLモードの方が色を合わせやすいですか?

多くの場合そうです。RGBは赤・緑・青の3つの数値の組み合わせを感覚的に予測しにくいのに対し、HSLは色相・彩度・明度という、人が色を認識する感覚に近い指標なので、まず目標の『色味』を合わせてから彩度と明度を微調整する流れがつかみやすくなります。色彩感覚を鍛え始めたばかりの方には、HSLモードから始めるのがおすすめです。

RGBモードよりHSLモードの方が色を合わせやすいですか?

多くの場合そうです。RGBは赤・緑・青の3つの数値の組み合わせを感覚的に予測しにくいのに対し、HSLは色相・彩度・明度という、人が色を認識する感覚に近い指標なので、まず目標の『色味』を合わせてから彩度と明度を微調整する流れがつかみやすくなります。色彩感覚を鍛え始めたばかりの方には、HSLモードから始めるのがおすすめです。