画像の明度をCanvasで解析してWCAG相対輝度を計算！どんな壁紙でも文字が読める「動的テキスト反転」の実装

背景画像の明度を Canvas でサンプリングし WCAG 相対輝度の公式で計算、文字色を動的に切り替える実装方法。16x16 ピクセルへのダウンサンプリングと sRGB ガンマ補正により、ダッシュボード等の UI で背景が明るい場合にテキスト可読性を確保。

WCAG, カラーコントラスト, テスト・検証