使い方
- 基調色を入力
テキストエリアにHEXカラーコード（例: #2563eb）を入力するか、ツールバーのカラーピッカーで色を選びます。
- ハーモニータイプを選択
ツールバーで補色・類似色・トライアド・スプリットコンプリメンタリー・テトラディックから選びます。
- 結果を確認・コピー
カラースウォッチがプレビュー表示され、HEXコード一覧をコピーできます。
カラーパレット生成ツール の具体例
補色パレット
入力
#2563eb出力
#2563eb
#eb8325色相環上で180度反対の色が生成されます。
トライアドパレット
入力
#e91e63出力
#e91e63
#1ee963
#631ee9色相環を3等分した3色が生成されます。
特長
- 補色（Complementary）パレット生成
- 類似色（Analogous）パレット生成
- トライアド（Triadic）パレット生成
- スプリットコンプリメンタリーパレット生成
- テトラディック（Tetradic）パレット生成
- カラーピッカーによる直感的な色選択
- カラースウォッチの視覚的プレビュー
よくある質問
色彩調和（カラーハーモニー）とは何ですか？
色相環上の位置関係に基づいて、見た目に調和の取れた配色を作る理論です。補色は対角の色、類似色は隣接する色、トライアドは120度間隔の3色を使います。
RGB形式の入力はできますか？
HEXカラーコード（#RRGGBB）形式での入力に対応しています。RGB値はHEXに変換してから入力してください。
データはサーバーに送信されますか？
いいえ。すべての処理はブラウザ内のJavaScriptで行われます。データが外部に送信されることはありません。