異なる背景で同じ色を表示する方法は？

色知覚の背景：

人間の目の性質と脳による視覚処理により、同じ色が背景によって異なるように見えるという錯覚があります。

以下に示すコントラスト効果として知られています—中央の長方形は同じです：

ソース：ウィキメディア

NASAによるイラスト（およびレポート）は、背景の色の効果をさらに明確にします。

出典：NASA Color Usage Research Lab

（2番目の画像の最上部の2つの色は同じように見えますが、実際には完全に異なっていることに注意してください。）

Webデザインはどうですか？

私の質問はWebデザイン、特にこの場合、さまざまな背景のリンクテキストの色に関するものです。

特定の色のテキストに対して、特定の背景で同じように見えるように補色を見つけるにはどうすればよいですか？

この質問の例を見てみましょう。

#FFF000以下の背景に黄色のテキストが付いた私の例を検討してください。

• 白#FFFFFF、
• 黒#000000、
• とグレー#555555。

予想どおり、まったく同じようには見えません。（ここで.PSDファイルを表示およびダウンロードします。）

3つすべてで同じように表示するにはどうすればよいですか？明らかに、白い背景のテキストは濃い黄色である必要があり、灰色のテキストは色相/トーンの調整が必要です。（周囲のテキストも影響しますが、それを説明するのは難しいでしょう。）

16進数、RGB、または別のシステムに基づいて、この完璧な色を何らかの方法で計算できますか？手動で近似するよりもはるかに効率的であるため、これがこの質問の核心です。

それはあなたがのアナログを探しているように思える補色が、中に明るさではなく、スペース色合い。私が知る限り、そのような一般的なマッピングは存在できません。

背景が暗くなるにつれて前景のテキストが同じ量だけ明るくなるように、背景と前景の間の線形相関を仮定することによって効果を補正できると仮定します。色相は固定されたままだと思います。背景と前景が同じ色を共有する中間点が常に存在します。

例として、白地に黒を検討してください。同じ色相の逆の明度は黒の上に白ですが、同じ色相のすべての中間背景の前景を見つけようとした場合、中間点でグレーオングレーになり、何も見えません。

同じ理由で、合理的な単純なマッピング（損失のあるマッピングであっても）が存在することはわかりません。