# パレットジェネレーター

> 無料のパレットジェネレーター。ベースカラーを入力すると、調和のとれた5色パレット（補色・類似色・三色・モノクロ・ランダム）が生成され、16進コードをワンクリックでコピーできます。

ベースカラーを入力すると、調和のとれた5色パレットがすぐに生成されます。補色、類似色、三色、モノクロ、ランダムから選べます。スウォッチをクリックすると16進コードをコピーできます。

*Interactive tool: enter your values at https://toollantern.win/ja/paretto-generator/ and results update instantly in your browser.*

## このツールでできること

ジェネレーターは、古典的な色相環の調和ルールを使ってベースカラーから5色のパレットを作ります。調和の種類を選ぶと、ベースカラーを変えるたびに5つのスウォッチがリアルタイムで更新されます。スウォッチをクリックすると16進コードがコピーされます。

## 調和のルール

- **補色：**自分の色相と色相環上で正反対の色相（180度離れた位置）を、明暗のバリエーションで組み合わせます。コントラストが高く、エネルギッシュです。

- **類似色：**自分の色相の両側30度・60度の色相を使います。穏やかでまとまりがあり、自然界によく見られます。

- **三色：**120度間隔の3つの色相です。バランスが良く、生き生きとしています。

- **モノクロ：**1つの色相を5段階の明度で展開します。最も安全な選択で、常になじみます。

- **ランダム：**心地よい彩度と明度の5つの色相を、ブラウザの暗号論的乱数ジェネレーターによる真のランダムで生成します。

## 計算例

ベース**#3B82F6**（青、色相217度）の場合、補色では青系に加えて正反対の**色相37度**（オレンジ）が使われます。無数のロゴや映画ポスターに使われてきた青とオレンジの定番コンビです。

## デザインでのパレット活用

よくある配分は、背景に1つの dominant カラー、ボタンやリンクにアクセントカラー、残りをテキスト・境界線・状態表示に使う方法です。公開前にテキスト色と背景の組み合わせをコントラストチェッカーで確認しましょう。

## 注意点

調和ルールは出発点であり保証ではありません。文脈、比率、明るさによってパレットの印象は変わります。必ず実際のデザインでプレビューしてください。

## よくある質問
### カラーパレットを生成するには？

ピッカーか16進コードでベースカラーを入力し、調和の種類を選んでください。5つのスウォッチがすぐに表示されます。スウォッチをクリックすると16進コードをコピーできます。

### 補色パレットと類似色パレットの違いは？

補色は自分の色と色相環上で反対の色を組み合わせて最大のコントラストを作ります。類似色は隣り合う色相を使い、穏やかで統一感のある印象になります。

### 初心者に最も安全なパレットは？

モノクロです。1つの色相を複数の明度で展開するため衝突せず、ほとんど手間なくプロらしい見た目になります。

### ランダムパレットは本当にランダムですか？

はい。ランダムモードはcrypto.getRandomValues（ブラウザの暗号論的乱数ジェネレーター）を使い、セキュリティキーと同じ乱数源です。

### パレットの色をコピーするには？

スウォッチをクリックしてください。16進コードがクリップボードにコピーされ、CSSやデザインツールに貼り付けられます。

---
Interactive version: https://toollantern.win/ja/paretto-generator/