relative luminous color wheel

解説動画

　《Relative Luminous Color Wheel / 相対輝度ベースのHSLカラーピッカー》: relative-luminous-color-wheel.vercel.app は相対輝度に基づくカラーピッカーです。本ピッカーを使うことでユーザーは任意のWCAGのカラーコントラスト基準（AAあるいはAAA）を満たす色の組み合わせを素早く正確に見つけることができます。

　通常、WCAGのコントラスト基準を満たす色の組み合わせを探すには選択と検証の幾度とない反復が必要です。本アプリはユーザーが設定したコントラスト比を達成するという条件から逆算されたすべてのあり得る選択肢を並列に提供することで、通常、退屈でレペティティブなプロセスを、素早く正確で、より感性的なものにするという相反する価値を両立しました。

　Relative Luminous Color Wheelは、特定のコントラスト基準を満たす色の集合をホイール内に提示するため、色相や彩度の調整は色の相対的な明るさ(ひいてはある特定の色との関係におけるコントラスト比)に変化をもたらしません。つまりデザイナーは、あらかじめ達成するべきコントラスト比を設定しさえすれば、そのホイールに表示されている色のうち、最も魅力的な色を選択するというシンプルかつ感性的な仕事に集中することができるのです。

　本アプリ「Relative Luminous Color Wheel」におけるLum値と通常の「HSLカラーピッカー」におけるLightness値のふるまいの差は、ちょうど人間の視覚のもつものの明るさについての認知の特殊性にもとづいています。そのため本アプリは色やその認知にかんする体系的な理解の醸成にも役立ちます。

※モバイル環境でも動作しますが、1440×900以上のデスクトップ環境での使用を推奨します。