無料オンライン配色ジェネレーター tool icon
パレット · 配色アシスタント · ローカル処理

無料オンライン配色ジェネレーター

ベースカラーを入力すると、色彩理論に基づく調和配色(モノクロ・補色・類似・トライアド)をブラウザ内で生成します。

ベースカラー

ヒント:計算はすべてブラウザ内で行われ、色データはアップロードされません。

使い方と配色説明

1. 色を入力:HEXコード(例 #3B82F6)を入力するか、カラーピッカーで選択します。 2. ランダム生成:「ランダム色」を押すと主色と配色案を自動生成します。 3. 配色確認:モノクロ・補色・類似・トライアドの4種類を表示します。 4. コピー:各色をクリックで単色コピー、「HEXを全てコピー」でその配色を一括コピーできます。

色彩理論の概要

モノクロ配色: 同じ色相で明度や彩度を変えて作る配色。統一感が高く、落ち着いた印象を作りやすいです。

補色配色: 色相環で反対(180度)の色を組み合わせる配色。コントラストが強く、強調に向いています。

類似配色: 色相環で近い色を組み合わせる配色。自然で柔らかな印象になりやすいです。

トライアド配色: 色相環で120度間隔の3色を使う配色。対比とバランスを両立しやすい構成です。