RGBで彩度明度変更自由自在
JavaScript グラフィックス へ戻る
大学生のための数学 へ戻る
2023.12.07


 RGB 16進数 において、入力した色の色相を保ちながら、彩度や明度を自由自在に変更できるプログラムを JavaScript で作ってみました。

   ※ 参照: ばいおりんの日常的物理学文集 > 美術と物理学 > 色の3属性 と カラーコード


RGB値を入力してください ⇒ #
この後、入力された色の 明度 が最大の純色( 純色:彩度が最大の色 )を示しますが、
  それの明度を何倍( 0 〜 1 )にしますか? ⇒ 
  それの彩度を何倍( 0 〜 1 )にしますか? ⇒ 

   

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

色相を保ったまま、
  彩度と明度を100%にすると ⇒ #( 明度が最大の純色 )

  @ 明度が最大の純色 の明度を倍にすると ⇒ #
  A 明度が最大の純色 の彩度を倍にすると ⇒ #
  B 明度が最大の純色 の明度を倍にし、かつ、彩度を倍にすると ⇒ #