パレットジェネレーター – カラーハーモニーパレット

調和の取れたカラーパレットを即座に作成

相性の良い色を選ぶことは、デザインにおける最も一般的な課題の一つです。色相環上の色相間の関係に基づくカラーハーモニールールは、バランスの取れたパレットを構築するための信頼できる基盤を提供します。

このパレットジェネレーターは任意のベースカラーを取り、標準のハーモニールールを適用して補色のセットを生成します。HEX、RGB、またはHSL形式で色を入力し、ハーモニータイプを切り替えてさまざまな組み合わせを探索してください。

カラーハーモニーの種類

• 補色 — 色相環上で向かい合う2色（180°離れている）。コントラストが高く、大胆な組み合わせ。
• 類似色 — 色相環上で隣接する3色（30°離れている）。自然に調和し、コントラストが低い。
• 三色配色 — 色相環を均等に3分割した色（120°離れている）。鮮やかでバランスが良い。
• 分裂補色 — ベースカラーとその補色に隣接する2色（150°と210°）。純粋な補色より柔らかい。
• 四色配色（スクエア） — 色相環を均等に4分割した色（90°離れている）。豊かで複雑なパレット。

パレットジェネレーターの使い方

1. ベースカラーを入力 — HEX、RGB、またはHSLの値を入力するか、ネイティブのカラーピッカーを使用
2. セレクターからハーモニータイプを選択
3. 生成されたパレットがカラースウォッチとして表示されます
4. 任意のスウォッチのHEXまたはRGB値をワンクリックでコピー
5. ハーモニータイプを切り替えて異なるパレットを比較

パレットジェネレーターを使う場面

• 新しいデザインプロジェクトを始め、バランスの取れた配色が必要なとき
• 特定のヒーローカラーを中心にブランドアイデンティティを構築するとき
• 調和の取れたアクセントカラーでUIテーマを作成するとき
• イラストやアートの色の関係を探るとき
• プレゼンテーションやプロトタイプ用のパレットを素早く生成するとき

高速・無料・プライベート

すべてのパレット計算はブラウザ内で即座に行われます — データはサーバーに送信されません。ハーモニーはHSLの色相回転で計算され、ベースカラーの彩度と明度を維持して一貫した結果を得られます。

まず画像から色を抽出したいですか？カラーピッカーをご利用ください。形式間の変換が必要ですか？カラーコンバーターをお試しください。アクセシビリティを確認したいですか？コントラストチェッカーをご利用ください。

よくある質問

カラーハーモニーとは何ですか？

カラーハーモニーとは、視覚的に調和の取れた色の組み合わせのことです。これらの組み合わせは、色相環上の色相間の幾何学的関係に基づいています。

どのハーモニータイプを使うべきですか？

デザインの目的によります。補色は強いコントラストを生みます。類似色は落ち着いた印象です。三色配色は鮮やかでバランスが良いです。分裂補色はより柔らかいコントラストを提供します。四色配色は豊かで複雑なパレットになります。

どの色形式を入力できますか？

HEX（例: #3B82F6）、RGB（例: rgb(59, 130, 246)）、HSL（例: hsl(217, 91%, 60%)）形式で色を入力できます。ツールが形式を自動判別します。

パレットの色はどのように計算されますか？

ベースカラーはHSLに変換されます。パレットの色は、彩度と明度を一定に保ちながら、特定の角度で色相を回転させることで生成されます。

生成された色をコピーできますか？

はい。各パレットの色には、HEXとRGBの両方の値用のインラインコピーボタンがあります。

このツールはモバイルで動作しますか？

はい。パレットジェネレーターは完全にレスポンシブで、モダンブラウザを搭載したあらゆるデバイスで動作します。

このツールは無料ですか？

はい。ColourPicker.appは完全無料で、登録は不要です。

生成したパレットを保存できますか？

ツールはセッション間でパレットを保存しません。個々の色の値をコピーして、プロジェクトファイルやデザインツールに保存できます。