配色チェッカー（色相の角度を比較）

2つのデジタルカラーの間にある、特定の色相関係を確かめます。HEXコードを2つ入力し、HSLの角度を選んで、2つ目の色がその角度からどれだけずれてよいかを決めます。デジタルの色相環上の幾何学的な関係を比べるだけで、デザインが美しい、バランスが良い、読みやすいといった判定はしません。

使い方

1. 不透明な3桁または6桁のHEXカラーを2つ入力します。
2. 調べたい色相の関係を選びます。
3. 許容角度を0〜30度の範囲で設定します。
4. 角度の結果と、別に表示される彩度・明度の差をあわせて読みます。

計算式

間隔 = min(|h₁ − h₂|, 360 − |h₁ − h₂|)；角度の差 = |間隔 − 目標|

色相は、sRGBからHSLで求めます。目標は、補色のペアが180度、トライアドの2色が120度、スクエアテトラドの隣り合う2色が90度で、類似色は30度を基準にします。許容角度は色相にのみ適用されます。

計算例

赤#FF0000の色相は0度、シアン#00FFFFの色相は180度です。2色の最短の間隔は180度で、許容角度が0でも補色の目標とぴったり一致します。HSLの彩度と明度の差は、どちらも0です。