パレット生成
色彩理論に基づく調和配色
基準色を選んで、色彩理論に基づいた調和する配色パターンを自動生成します。補色、類似色、トライアドなど6種類のパターンから選べます。
🎯 基準色を選択
🎨 配色パターン
✨ 生成されたパレット
プレビュー
CSS変数
SASS変数
配色パターンについて
補色 (Complementary)
色相環で反対側にある2色。コントラストが強く、目を引くデザインに最適です。
類似色 (Analogous)
色相環で隣り合う3色。自然で調和のとれた印象を与えます。
トライアド (Triadic)
色相環で等間隔の3色。バランスが良く、活気のある配色になります。
スプリット補色 (Split-Complementary)
補色の両隣の2色を使用。補色より柔らかいコントラストが得られます。
テトラード (Tetradic)
色相環で等間隔の4色。豊かで多様な表現が可能になります。
モノクロマティック (Monochromatic)
同じ色相で明度を変えた配色。シンプルで洗練された印象に。