円をクリックするとRGBが表示される

HSL色空間: rgb() ではなく hsl() を使用して色を生成します。 hsl() は色相 (hue)、彩度 (saturation)、輝度 (lightness) で色を指定します。 色相は 0 から 360 までの角度で表され、スペクトルの順に色が変化します。
色相の計算: hue 変数で色相を計算し、円の位置に応じて色相が変化するようにします。 これにより、円環上で色が連続的に変化し、補色の関係が保たれます。 円環は色相環の条件を満たし、向かい合った円が補色の関係になります。