色相環・補色

選んだ色の補色、類似色、三角配色を HSL 色相環で確認します。

基準色
基準色#789B82
色相 +180°#9B7891

グレーなど彩度が 0 の色は、色相を変えても見た目は変わりません。

使い方

  1. 基準になる色を選びます。
  2. 関係を選んで相手の色を確認します。
  3. 気になる色を色板に追加します。

結果の見方・対応範囲

HSL の色相差による計算です。RGB の各値を反転する画像反色とは異なります。

計算方法とデータの出典

具体例と、結果の使い方

補色と反転を区別する

入力・操作
赤 #FF0000 / HSL色相0度
得られる結果
180度先はシアン #00FFFF

この例ではRGB反転と一致しますが、補色は色相の関係、反転は各成分を255から引く処理です。すべての色で同じ結果になるわけではありません。

絵の具の色相環と同じですか?

このツールはHSLの色相環です。顔料の混合や、教材で使う別の色体系の配列とは区別します。

計算・データの出典を確認する

このページの情報を訂正する