#eb5757のHSL値の計算方法


内容: こんにちは! 「#eb5757」のカラーコードをHSL(色相、彩度、明度)値に変換する方法を教えます。

HSL(Hue, Saturation, Lightness)は、色を表現するための別の方式です。HSL値では、色相(Hue)は0°から360°の範囲で表され、彩度(Saturation)は0%から100%の範囲で表されます。明度(Lightness)も0%から100%の範囲で表されます。

「#eb5757」のHSL値を計算するには、以下の手順に従います。

  1. カラーコードをRGB値に変換します。これには、カラーコードの各2文字を16進数から10進数に変換します。この場合、「#eb5757」はRGB値(235, 87, 87)になります。

  2. RGB値を0から1の範囲に正規化します。各RGB値を255で割ることで実現できます。上記の例では、(235/255, 87/255, 87/255) = (0.921, 0.341, 0.341) です。

  3. RGB値をHSL値に変換します。以下の数式を使用します。

    • 色相(Hue): atan2(G, B) * (180 / π)
    • 彩度(Saturation): (max(R, G, B) - min(R, G, B)) / (1 - |2L - 1|)
    • 明度(Lightness): (max(R, G, B) + min(R, G, B)) / 2

    ただし、R、G、Bは正規化されたRGB値で、Lは明度です。

    上記の例では、R = 0.921, G = 0.341, B = 0.341 です。それを使用してHSL値を計算できます。

  4. 計算されたHSL値を適切な範囲に調整します。Hueの場合、0°から360°の範囲に収めるために、必要に応じて値を調整します。

以上が、カラーコード「#eb5757」のHSL値の計算方法です。以下にPythonでのコード例を示します。

import colorsys
rgb = (0.921, 0.341, 0.341)
hsl = colorsys.rgb_to_hls(rgb[0], rgb[1], rgb[2])
h = hsl[0] * 360
s = hsl[2] * 100
l = hsl[1] * 100
print("HSL値:", h, s, l)

このコードを実行すると、HSL値が出力されます。

以上が、カラーコード「#eb5757」のHSL値の計算方法とコード例です。これを参考にして、他のカラーコードのHSL値も計算できるようになると思います。