パレットジェネレーター

ハーモニーモードで美しいカラーパレットを作成、ドラッグ&ドロップ、一クリックでエクスポート

スペースキーを押して生成

よくある質問

カラーパレットジェネレーターは、デザインのために調和のとれた色の組み合わせを作る手助けをするオンラインツールです。補色、類似色、三分割などの色彩理論の原則を利用して、一緒にうまく機能する色を提案します。気に入った色を固定したり、個々の色合いを調整したり、結果をCSS、PNG、SVG、JSONなどの形式でエクスポートできます。

カラーハーモニーモードは、色相環に基づいたルールであり、視覚的にバランスの取れたパレットを作成します。当社のジェネレーターは6つのモードをサポートしています:ランダムは自由に色を選び、類似色は隣接する色相で一貫した感じを作り、補色は対極の色を組み合わせて強いコントラストを生み出し、三分割は均等に配置された3色を使用し、スプリット・コンプリメンタリーは補色の柔らかいバリエーションを提供し、テトラディックは2組の補色ペアを組み合わせ、単色は単一色相のバリエーションを作成します。

スペースバーを押すか、生成ボタンをクリックして新しいパレットを作成します。ロックアイコンをクリックして保持したい色をロックした後、再度生成してロックされていない色だけをランダム化します。色をクリックして手動で編集したり、色をドラッグして並べ替えたり、色を追加または削除してパレットのサイズを調整することもできます。

はい。エクスポートボタンをクリックして、パレットをPNG画像、SVGファイル、CSS変数、またはJSONデータとしてダウンロードできます。また、個々の色コードをクリック1回でコピーしたり、他の人が開いて編集できるユニークなURLを通じてパレットを共有することもできます。

ほとんどのデザインプロジェクトには3~5色が最適です:主要な色、二次的な色、アクセント、そして1つまたは2つの中間色。私たちのジェネレーターはデフォルトで5色から始まりますが、プロジェクトのニーズに合わせて色を追加または削除できます。色が少ないとデザインがシンプルで一貫性が保たれ、色が多いと複雑なレイアウトに柔軟性を提供します。

補色は色相環の反対側に位置する色(例:青とオレンジ)で、高いコントラストと視覚的なエネルギーを生み出します。類似色は色相環上で隣接する色(例:青、青緑、緑)で、落ち着いた統一された印象を与えます。要素を目立たせたいときは補色のパレットを、調和の取れた一貫したデザインを求めるなら類似色のパレットを使用してください。