色の3属性 と カラーコード
美術と物理学 へ戻る
ばいおりんの日常的物理学文集 へ戻る
2021.08.03____

 色相、彩度、明度を色の3属性と言います。

 色相環に掲載されている色をカラーコードで表すと、次のような明度が100%の純色 ( 彩度が100%の色 ) の表示となります。

   #RGB  ( ただし、RGBのうちどれかは ff で、どれかは 00 である。 )

 彩度を最大にするには、色を構成している光の3原色( RGB )のうち最も影響の少ない色を削除しなければなりませんが、そのときに色相が変化しないよう中間の影響を与えている光を減弱させなければなりません。明度を最大にするには、色を構成している光の3原色( RGB )のうち最も影響の大きい色を最大限の強さにしなければなりません。


 色合いを意識した色相環
    

       藍 = 青紫
       虹の七色: 赤 橙 黄 緑 青 藍 紫


 色相の角度を意識した色相環
    

色相、彩度、明度 の定義
RGB のうち 最大値を max、 最小値を min、 それら以外を mid とする。 彩度を最高にする方法( 同じ色相の純色を求める方法 ):
  純粋な黒や灰の純色は白である。
  new_min = 0 になる。
  それに伴って低下する mid の値を求める。
  ( new_mid − new_min ) ÷ ( max − new_min )
       →= ( new_mid − 0 ) ÷ ( max − 0 ) = ( mid − min ) ÷ ( max − min ) より____
    new_mid = max × ( mid − min ) ÷ ( max − min )


  茶色( #734e30 ) ⇒ 色相 26度 彩度 58% 明度 45%

     茶色の色相と明度を変えないで彩度を100%にするには、
     #734e30 → R115 G76 B46 → new_G = 115 × (76−46) / (115−46)
                          =→ 50(10進数) → 32(16進数)
     よって、#733200

  褐色( #733200 ) ⇒ 色相 26度 彩度 100% 明度 45%

     褐色の色相と彩度を変えないで明度を100%にするには、
     #733200 → R115 R50 B00 →
        R 115 × 255 / 115 =→ 255(10進数) → ff(16進数)
        G 50 × 255 / 115 ≒→ 111(10進数) → 6f(16進数)
        B 0 × 255 / 115 =→ 0(10進数) → 0(16進数)
     よって、#ff6f00

  ダークオレンジ( #ff6f00 ) ⇒ 色相 26度 彩度100% 明度 100%

  オレンジ色( #ff8000 )⇒ 色相 30度 彩度 100% 明度 100%

  サンディブラウン( #ffc080 )⇒ 色相 30度 彩度 49% 明度 100%

  青緑( #00ffff ) ⇒ 色相 180度 彩度 100% 明度 100%

  水色( #bce2e8 ) ⇒ 色相 188度 彩度 18% 明度 90%

  赤色( #ff0000 ) ⇒ 色相 0度 彩度 100% 明度 100%

  緑色( #00ff00 ) ⇒ 色相 120度 彩度 100% 明度 100%

  青色( #0000ff ) ⇒ 色相 240度 彩度 100% 明度 100%


  ※ RGB値の どれかが ff ならば、明度100%であり、RGB値の どれかが 00 ならば、彩度100%です。
  ※ 「明度100%の純色」は光の色としては現実に存在しますが、顔料の色としては現実に存在しません。


RGB値を入力してください ⇒ #

  

入力された色の色相 : 
入力された色の彩度 :  %
入力された色の明度 :  %

色相を保って、
  彩度だけ100%に : #( 純 色 )
  明度だけ100%に : #
  彩度と明度を100%に : #( 明度が最大な純色 )