カラーパレット作成
ベースカラーからカラーパレットをブラウザですぐに生成します。
カラーパレット作成の使い方
- ベースカラーを選びます。
- パレットの種類を選びます：濃淡、モノクロマティック、類似色、補色、トライアド。
- 濃淡とモノクロマティックの場合は、生成する色の数を選びます。
- 「実行」をクリックすると、デザインやCSSにそのままコピーできるHEX値付きのパレットが表示されます。
カラーパレット作成の仕組み
ジェネレーターは色をHSL（色相、彩度、明度）に変換し、色同士の関係を計算しやすくします。濃淡とモノクロマティックのパレットは色相を保ったまま明度を変えます。類似色のパレットは色相環上で両側約30°の隣接する色相を使い、落ち着いた調和のとれた印象になります。補色は真向かいの180°にあり最大のコントラストを生み、トライアドは120°ずつ離れた3つの色相を使います。
結果はすべてHEXに戻して表示されるため、スタイルシートやデザインツールに直接貼り付けられます。
よくある質問
- このツールは無料ですか？
- はい。アカウント登録なしで、無料でカラーパレットを生成できます。
- パレットの種類による違いは何ですか？
- 濃淡とモノクロマティックはベースカラーの明度を変えます。類似色は色相環上の隣接する色相を、補色は反対側の色相を、トライアドは色相環上に均等に配置された2つの色相を選びます。