テトラド配色ファインダー

テトラド配色のパレットには、補色ペアが2組含まれます。2組の出発点となる色相の間の角度を選ぶと、デジタルのHSL色相環上に長方形ができ、90度を選ぶと正方形の配置になります。基準色と関連色を常に同じ順序で並べるので、そのままデジタルデザインにコピーできます。絵の具や印刷ではなく、HSLの幾何学的な関係を示すものです。

使い方

1. 先頭の#の有無を問わず、不透明な3桁または6桁のHEXカラーを入力します。
2. フォームに示された範囲内で角度を選びます。小数の角度も指定できます。
3. HEXの一覧と色相オフセットの表をあわせて確認します。
4. 得られた色を、実際の文字色・背景色・周囲のレイアウトの中で試します。

計算式

hues = (h, h + a, h + 180, h + 180 + a) mod 360

色相は360度で一周して元に戻ります。元のsRGBカラーの彩度と明度を保ったまま、新しいRGBの各チャンネルを0〜255の最も近い整数に丸めます。基準のHEXはそのまま保持されます。

計算例

赤#FF0000にペアの間隔60度を使うと、#FF0000、#FFFF00、#00FFFF、#0000FFが得られます。赤とシアン、黄と青が向かい合う2組です。90度を選ぶと正方形のテトラドになります。