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