補色ファインダー

デジタルの補色ペアは、色相の向きがちょうど半周（180°）離れています。基準色に合わせるアクセントカラーを探すときや、既存のパレットの色相関係を確かめるときに使えます。基準色と関連色を常に同じ順序で並べるので、そのままデジタルデザインにコピーできます。絵の具や印刷ではなく、HSLの幾何学的な関係を示すものです。

使い方

1. 先頭の#の有無を問わず、不透明な3桁または6桁のHEXカラーを入力します。
2. この配色関係では、角度の間隔は固定されています。
3. HEXの一覧と色相オフセットの表をあわせて確認します。
4. 得られた色を、実際の文字色・背景色・周囲のレイアウトの中で試します。

計算式

h₂ = (h + 180) mod 360

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

計算例

色相0度の赤#FF0000の補色は、180度のシアン#00FFFFです。どちらも彩度100%、明度50%のままです。#336699のHSLでの補色は、チャンネルを反転した色ではなく#996633です。