RGBで彩度明度変更自由自在
JavaScript
グラフィックス へ戻る
大学生のための数学 へ戻る
2023.12.07
RGB 16進数 において、入力した色の色相を保ちながら、彩度や明度を自由自在に変更できるプログラムを JavaScript で作ってみました。
※ 参照:
ばいおりんの日常的物理学文集 > 美術と物理学 > 色の3属性 と カラーコード
RGB値を入力してください ⇒ #
この後、入力された色の 明度 が最大の純色( 純色:彩度が最大の色 )を示しますが、
それの明度を何倍( 0 〜 1 )にしますか? ⇒
それの彩度を何倍( 0 〜 1 )にしますか? ⇒
入力された色の色相 :
度
入力された色の彩度 :
%
入力された色の明度 :
%
色相を保ったまま、
彩度と明度を100%にすると ⇒ #
( 明度が最大の純色 )
@ 明度が最大の純色 の明度を
倍にすると ⇒ #
A 明度が最大の純色 の彩度を
倍にすると ⇒ #
B 明度が最大の純色 の明度を
倍にし、かつ、彩度を
倍にすると ⇒ #
プログラムの内容 :