カラーパレットジェネレーター
5色のパレットを瞬時に生成します。スペースキーでシャッフルし、気に入った色をロックして、ハーモニーモードを切り替え、パレットをエクスポートまたは共有できます。
スペースキーを押してシャッフルし、残しておきたいスウォッチをロックすると、その周りで他の色が再生成されます。すべてブラウザー内で動作し、登録不要、完全無料です。
カラーパレットジェネレーターについて
カラーパレットジェネレーターは、キー1つで5色の配色を作成します。スペースキー、または「生成」ボタンを押すと新しいパレットが表示されます。残しておきたいスウォッチをロックしてもう一度押すと、ロックされていない色だけが置き換わるため、最初からやり直すことなく、一色ずつ配色を仕上げていくことができます。
5つの生成モードが結果を形づくります。ランダムは色空間全体を探索し、類似色・補色・トライアド・モノクロはベースの色相を軸にHSLの関係からパレットを構築します。各スロットには独自の彩度と明度の範囲が与えられるため、無関係な5色ではなく、デザインされた配色のように仕上がります。
各スウォッチには微調整用のカラーピッカーと、クリックでコピーできるHEX値があります。パレットはページのURLにエンコードされているため、共有ボタンを押すと、まったく同じ色を再度開けるリンクがコピーされます。エクスポートパネルでは、CSS変数、SCSS、Tailwind設定、JSON、SVGスウォッチシート、またはプレーンなHEXリストを生成できます。すべてブラウザー内で動作し、何もアップロードされず、料金もかかりません。
カラーパレットジェネレーターの使い方
- スペースキーを押すか「パレットを生成」をクリックして、5色の配色を作成します。
- 残しておきたいスウォッチのロックアイコンをクリックし、もう一度生成すると、残りの色だけが置き換わります。
- 生成モード（ランダム、類似色、補色、トライアド、モノクロ）を選んで、ハーモニーを調整します。
- 各色をピッカーで微調整し、HEX値をクリックしてコピーします。
- 「共有リンクをコピー」でパレットをURLに保存するか、エクスポートを開いてCSS、SCSS、Tailwind、JSON、SVGを取得します。
よくある質問
ページ上のどこかでスペースキーを押すか、「パレットを生成」ボタンをクリックします。押すたびにロックされていないすべてのスウォッチが置き換わるので、気に入った配色が現れるまで押し続けることができます。
残しておきたいスウォッチのロックアイコンをクリックします。ロックされた色はすべての生成で保持され、ハーモニーモードでは最初にロックした色が、残りのパレットを構築するベースの色相になります。
ランダムは色空間全体から自由に選びます。類似色は色相を近くに保って落ち着いた配色にし、補色は色相をその反対色と組み合わせてコントラストを生み、トライアドは3つの色相を色相環上に均等に配置し、モノクロは1つの色相の明度と彩度だけを変化させます。
はい。パレットはページのURLに保存されているため、「共有リンクをコピー」を使うと、まったく同じ色とロック状態を再度開けるアドレスが得られます。ブックマークしたり、チームメンバーに送ったりできます。パレットをファイルとしてエクスポートすることも可能です。
CSSカスタムプロパティ、SCSS変数、Tailwindのカラー設定、JSON、SVGスウォッチシート、またはプレーンなHEXリストです。それぞれクリップボードにコピーするか、ファイルとしてダウンロードでき、変数名のプレフィックスも設定できます。
はい、完全に無料です。アカウント、クレジット、制限はいずれも不要です。ジェネレーター全体がブラウザー内で動作するため、データがデバイスから外に出ることはありません。
人気の検索
カラーパレット ジェネレーター
ランダム カラーパレット 生成
配色 ジェネレーター
カラーパレット オンライン 生成
色の組み合わせ ジェネレーター
無料 パレットジェネレーター
お困りですか？
このツールで問題が見つかりましたか？チームにお知らせください。