配色ジェネレーター

基準色から補色・類似色・トライアド・スプリット・モノクロの配色を作ります。

このブラウザ内だけで計算します。送信はしません。

HSL空間での色相回転による配色で、良し悪しや可読性の保証ではありません。文字色と背景の組は公開前にコントラストチェッカーで確認してください。

使い方

  1. 基準色を選ぶか入力します。
  2. 配色タイプを選びます。
  3. 各色のhexをコピーします。

対応範囲

HSLの色相回転による規則的な配色で、見た目の良し悪しを保証しません。文字・背景の組はコントラストチェッカーで確認してください。

関連する道具

関連ガイド