配色ジェネレーター

HEXカラー1つから、小さなデジタルのパレットを作ります。HSL色相環で色相を回すか、単色系なら輝度を変えて作ります。表で正確なコードを読み取り、見本の画像をダウンロードしてデザインの中で色を比べてください。

使い方

1. 不透明な3桁または6桁のHEXカラーを入力します。
2. パレットの色の関係を選びます。
3. プレビューとHEXの表を見比べ、必要ならPNGをダウンロードします。
4. パレットを文字に使う前に、文字色と背景色のコントラストを別途確認してください。

計算式

補色:H+180°、トライアド:H、H+120°、H+240°、正方形のテトラード:H、H+90°、H+180°、H+270°

類似色は H − 30°、H、H + 30°、スプリットコンプリメンタリーは H、H + 150°、H + 210° を使います。色相を回す配色は、HSLの彩度と輝度をそのまま保ちます。単色系のモードでは、輝度を20、35、50、65、80%に固定します。色相は360度で一周してつながります。

計算例

純粋な赤 #FF0000 は、HSLが0°、100%、50%です。トライアドは120°と240°を加えて、#00FF00 と #0000FF を作ります。これはHSLの数値上の関係であり、見た目の明るさが等しいことを保証するものではありません。

出力

PNGには見本だけが入っており、表には構成値とHEXコードがそのまま残ります。HSLはデジタルのsRGBのモデルです。絵の具の混色、印刷のプロファイル、知覚の均等性には、別のモデルが必要です。