🎨 カラースキーム生成器

プライマリ、セカンダリ、アクセント、ニュートラルを生成——すべてブラウザ内で完結、瞬時に結果表示。

カラースキーム生成器について

このツールは、1つのベースカラーから完全なパレットを構築します。開始色を選びスキームタイプを選ぶと、HSL色計算によってプライマリシェード、セカンダリ、アクセント、ニュートラルトーン、背景・表面色を生成します。スワッチをクリックするとHEXコードをコピーできます。

スキームタイプ

  • モノクロマティック——ベース色相の明度を変化させ、落ち着いた統一感のあるパレットに。
  • コンプリメンタリー——ベース色相と色環の反対側を組み合わせ、高コントラストに。
  • アナログ——ベース ±30° の色相を使用し、調和のとれた隣接色に。
  • トリアード——120°間隔の3色相で、鮮やかでバランスの良い印象に。
  • テトラード——±90°と±180°の4色相で、豊かなパレットに。
  • カスタム——ベースに基づくシェードとアクセントのミックス。

使い方

  1. ピッカーでベースカラーを選びます。
  2. ドロップダウンからスキームタイプを選択します。
  3. 生成でパレットを構築、ランダムでサプライズベース色を。
  4. スワッチをクリックしてHEX値をコピー、全てコピーで全リストを取得。

よくある質問

何色空間を使っていますか? HSL(色相・彩度・明度)で生成し、表示とコピーのためにHEXに変換します。

アクセシブルですか? 読みやすいコントラストを目指していますが、テキスト使用時はWCAGコントラスト比を必ず確認してください。

商用利用できますか? はい。生成されたパレットはご自由にお使いいただけます。