インタラクティブカラーホイール

インタラクティブなカラーホイールで色を選択し、調和のとれた配色を作成しましょう

暗く明るく

HEX #FF5733

RGB rgb(255, 87, 51)

HSL hsl(14, 100%, 60%)

カラーホイールの使い方

カラーホイール上の任意の場所をクリックして、ベースカラーを選択します。マーカーをドラッグして色を調整できます。

スライダーを使用して、選択した色の明るさを調整します。左に動かすと暗く、右に動かすと明るくなります。

補色、類似色、三色配色などの調和タイプを選択して、異なる配色スキームを生成します。

「現在の色を保存」ボタンをクリックして、選択した色をコレクションに追加します。保存した色はいつでも再利用できます。

効果的な配色を作成するための色彩理論の基本概念を理解しましょう

🔄

カラーホイール上で互いに反対側にある色同士です。高いコントラストを生み出し、視覚的なインパクトを与えます。

🔄

カラーホイール上で隣接する色同士です。調和のとれた、落ち着いた印象を与えます。

🔄

カラーホイール上で等間隔に配置された3色です。バランスが取れていて、活気のある配色になります。

🔄

カラーホイール上で長方形を形成する4色です。多様性があり、豊かな配色スキームを作成できます。