類似色ファインダー

類似色のパレットは、基準色の両側に色相を1つずつ置きます。間隔を調整して、近い色の狭いグループと、色相の幅が広いグループを比べてみましょう。基準色と関連色を常に同じ順序で並べるので、そのままデジタルデザインにコピーできます。絵の具や印刷ではなく、HSLの幾何学的な関係を示すものです。

使い方

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

計算式

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

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

計算例

赤#FF0000に隣接色の角度30度を使うと、順に#FF0080、#FF0000、#FF8000になります。最初の色相は一周して330度になり、最終的なチャンネル値は整数に丸められます。