SPONSORED ADVERTISEMENT
Placeholder (banner)

配色パレット生成 & カラースキーム提案ツール

基準となるベースカラーをもとに、色彩調和理論(Color Harmony)に基づく美しい配色パレットを動的に算出します。補色・類似色・トライアド・分裂補色・テトラード・モノクローム同系色の6つのパレットを一括生成。各カードには HEX・RGB・HSL の各カラーコードが表示され、白背景・黒背景での可読性コントラストも自動判定します。すべての処理はブラウザのローカルメモリ上で安全に行われます。

ベースカラー
基準となるカラーを選択・調整します。
217°
91%
60%
パレットのコピー:

生成された各パレットの色カードをクリックすると、対応するHEXカラーコード(例: #3B82F6)をクリップボードにコピーできます。

補色 (Complementary)
色相環で正反対に位置する2色。高いコントラストを生み出し、アクセントや強調色に最適です。
類似色 (Analogous)
色相環で隣り合う近しい色の組み合わせ。調和が取りやすく、デザイン全体に自然な統一感をもたらします。
トライアド (Triadic)
色相環を正三角形で3等分した3色。バランスが良く、カラフルで活気のある配色になります。
分裂補色 (Split-Complementary)
補色の両隣の2色を選んだ3色。補色ほどの強烈なコントラストを避けつつ、視覚的興味を引きます。
テトラード (Tetradic / Square)
色相環を正方形に4等分した4色。非常に豊かで多様な表現が可能ですが、色の調整には注意が必要です。
単色グラデーション (Monochromatic)
同じ色相のまま、明るさや鮮やかさを変化させた同系色のパレット。洗練されたミニマルなデザインを作ります。