RGB to HSL color
The RGB to HSL color conversion is a common problem in computer graphics and image processing. RGB (Red, Green, Blue) and HSL (Hue, Saturation, Luminosity) are two different color models used to represent colors in digital systems. While RGB represents colors as combinations of red, green, and blue intensities, HSL represents colors based on their hue, saturation, and luminosity values.
In this problem, we are given an RGB color and we need to convert it into the corresponding HSL representation. The HSL values provide a more intuitive and human-friendly way to describe colors.
Let's consider an example to understand the problem better. Suppose we have an RGB color with the values:
R | G | B |
---|---|---|
255 | 152 | 0 |
To convert this RGB color to HSL, we need to perform the following steps:
- Normalize the RGB values by dividing them by 255 to obtain the corresponding values in the range [0, 1].
- Find the maximum and minimum values among the normalized RGB values.
- Calculate the difference between the maximum and minimum values (delta).
- Compute the hue value based on the maximum RGB component:
- If the maximum component is red, calculate the hue as ((G - B) / delta).
- If the maximum component is green, calculate the hue as ((B - R) / delta) + 2.
- If the maximum component is blue, calculate the hue as ((R - G) / delta) + 4.
- Normalize the hue value by multiplying it by 60.
- Calculate the luminosity as the average of the maximum and minimum RGB values.
- If delta is not zero, compute the saturation using the formula: delta / (1 - |2 * luminosity - 1|).
- Convert the saturation and luminosity values to percentages by multiplying them by 100.
Applying the above steps to the example RGB color (255, 152, 0), we get the following HSL values:
Hue (H) | Saturation (S) | Luminosity (L) |
---|---|---|
35.76° | 100% | 50% |
The resulting HSL values provide a more intuitive representation of the color. The hue value represents the color's position on the color wheel, saturation indicates the color's intensity or purity, and luminosity represents the perceived brightness of the color.
Algorithm and Pseudocode
Here is the algorithm and pseudocode for converting RGB to HSL color:
function max_value(a, b)
if a > b
return a
else
return b
function min_value(a, b)
if a < b
return a
else
return b
function abs_value(value)
if value < 0
return -value
else
return value
function rgb_to_hsl(red, green, blue)
r = red / 255.0
g = green / 255.0
b = blue / 255.0
max = max_value(max_value(r, g), b)
min = min_value(min_value(r, g), b)
delta = max - min
hue = 0.0
saturation = 0.0
luminosity = 0.0
if delta > 0
if max = r
hue = ((g - b) / delta)
if hue < 0
hue = hue + 6
else if max = g
hue = ((b - r) / delta) + 2
else if max = b
hue = ((r - g) / delta) + 4
hue = hue * 60
luminosity = (max + min) / 2.0
if delta != 0
saturation = delta / (1 - abs_value(2 * luminosity - 1))
saturation = saturation * 100
luminosity = luminosity * 100
return hue, saturation, luminosity
// Example usage
h, s, l = rgb_to_hsl(255, 152, 0)
print("Hue (H): ", h, "°")
print("Saturation (S): ", s, "%")
print("Luminosity (L): ", l, "%")
The above pseudocode outlines the steps to convert RGB to HSL. It defines helper functions for finding the maximum and minimum values and absolute value. The main function, rgb_to_hsl
, takes the input RGB values, performs the necessary calculations, and returns the resulting HSL values.
Code Solution
Here given code implementation process.
// C program
// RGB to HSL color
#include <stdio.h>
// Returns the maximum value of given two numbers
double max_value(double a, double b)
{
if (a > b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
double min_value(double a, double b)
{
if (a < b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
double abs_value(double value)
{
if (value < 0)
{
return -value;
}
else
{
return value;
}
}
void rgb_to_hsl(int red, int green, int blue)
{
double r = red / 255.0;
double g = green / 255.0;
double b = blue / 255.0;
// Find maximum of r,g,b
double max = max_value(max_value(r, g), b);
// Find Minimum of r,g,b
double min = min_value(min_value(r, g), b);
// Calculate difference
double dalet = max - min;
// Define useful resultant variables
double hue = 0.0;
double saturation = 0.0;
double luminosity = 0.0;
if (dalet > 0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue < 0)
{
hue = hue + 6;
}
}
else if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue *60;
}
// Calculate Luminosity
// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0)
{
// Calculate Saturation
// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - abs_value(2 *luminosity - 1));
}
// Convert into %
saturation = saturation *100;
luminosity = luminosity *100;
// Display Given results
printf(" Given RGB");
printf("\n R = %d ", red);
printf("\n G = %d ", green);
printf("\n B = %d ", blue);
// Display Calculate results
printf("\n Calculate HSL ");
printf("\n H = %lf °", hue);
printf("\n S = %lf %% ", saturation);
printf("\n L = %lf %% \n\n", luminosity);
}
int main()
{
// Test Case
rgb_to_hsl(255, 152, 0);
rgb_to_hsl(54, 155, 229);
rgb_to_hsl(33, 150, 243);
return 0;
}
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.764706 °
S = 100.000000 %
L = 50.000000 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.371429 °
S = 77.092511 %
L = 55.490196 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.571429 °
S = 89.743590 %
L = 54.117647 %
/*
Java Program
RGB to HSL color
*/
public class ColorConversion
{
// Returns the maximum value of given two numbers
public double max_value(double a, double b)
{
if (a > b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
public double min_value(double a, double b)
{
if (a < b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
public double abs_value(double value)
{
if (value < 0)
{
return -value;
}
else
{
return value;
}
}
// Find HSL to given RGB
public void rgb_to_hsl(int red, int green, int blue)
{
double r = red / 255.0;
double g = green / 255.0;
double b = blue / 255.0;
// Find maximum of r,g,b
double max = max_value(max_value(r, g), b);
// Find Minimum of r,g,b
double min = min_value(min_value(r, g), b);
// Calculate difference
double dalet = max - min;
// Define useful resultant variables
double hue = 0.0;
double saturation = 0.0;
double luminosity = 0.0;
if (dalet > 0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue < 0)
{
hue = hue + 6;
}
}
else if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue * 60;
}
// Calculate Luminosity
// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0)
{
// Calculate Saturation
// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - abs_value(2 * luminosity - 1));
}
// Convert into %
saturation = saturation * 100;
luminosity = luminosity * 100;
// Display Given results
System.out.print(" Given RGB");
System.out.print("\n R = " + red);
System.out.print("\n G = " + green);
System.out.print("\n B = " + blue);
// Display Calculate results
System.out.print("\n Calculate HSL ");
System.out.print("\n H = " + hue + " °");
System.out.print("\n S = " + saturation + " % ");
System.out.print("\n L = " + luminosity + " % \n\n");
}
public static void main(String[] args)
{
ColorConversion color = new ColorConversion();
// Test Case
color.rgb_to_hsl(255, 152, 0);
color.rgb_to_hsl(54, 155, 229);
color.rgb_to_hsl(33, 150, 243);
}
}
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.76470588235294 °
S = 100.0 %
L = 50.0 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.3714285714286 °
S = 77.09251101321587 %
L = 55.490196078431374 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.57142857142858 °
S = 89.74358974358974 %
L = 54.11764705882353 %
// Include header file
#include <iostream>
using namespace std;
/*
C++ Program
RGB to HSL color
*/
class ColorConversion
{
public:
// Returns the maximum value of given two numbers
double max_value(double a, double b)
{
if (a > b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
double min_value(double a, double b)
{
if (a < b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
double abs_value(double value)
{
if (value < 0)
{
return -value;
}
else
{
return value;
}
}
// Find HSL to given RGB
void rgb_to_hsl(int red, int green, int blue)
{
double r = red / 255.0;
double g = green / 255.0;
double b = blue / 255.0;
// Find maximum of r,g,b
double max = this->max_value(this->max_value(r, g), b);
// Find Minimum of r,g,b
double min = this->min_value(this->min_value(r, g), b);
// Calculate difference
double dalet = max - min;
// Define useful resultant variables
double hue = 0.0;
double saturation = 0.0;
double luminosity = 0.0;
if (dalet > 0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue < 0)
{
hue = hue + 6;
}
}
else if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue *60;
}
// Calculate Luminosity// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0)
{
// Calculate Saturation// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - this->abs_value(2 *luminosity - 1));
}
// Convert into %
saturation = saturation *100;
luminosity = luminosity *100;
// Display Given results
cout << " Given RGB";
cout << "\n R = " << red;
cout << "\n G = " << green;
cout << "\n B = " << blue;
// Display Calculate results
cout << "\n Calculate HSL ";
cout << "\n H = " << hue << " °";
cout << "\n S = " << saturation << " % ";
cout << "\n L = " << luminosity << " % \n\n";
}
};
int main()
{
ColorConversion color = ColorConversion();
// Test Case
color.rgb_to_hsl(255, 152, 0);
color.rgb_to_hsl(54, 155, 229);
color.rgb_to_hsl(33, 150, 243);
return 0;
}
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.7647 °
S = 100 %
L = 50 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.371 °
S = 77.0925 %
L = 55.4902 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.571 °
S = 89.7436 %
L = 54.1176 %
// Include namespace system
using System;
/*
C# Program
RGB to HSL color
*/
public class ColorConversion
{
// Returns the maximum value of given two numbers
public double max_value(double a, double b)
{
if (a > b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
public double min_value(double a, double b)
{
if (a < b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
public double abs_value(double value)
{
if (value < 0)
{
return -value;
}
else
{
return value;
}
}
// Find HSL to given RGB
public void rgb_to_hsl(int red, int green, int blue)
{
double r = red / 255.0;
double g = green / 255.0;
double b = blue / 255.0;
// Find maximum of r,g,b
double max = max_value(max_value(r, g), b);
// Find Minimum of r,g,b
double min = min_value(min_value(r, g), b);
// Calculate difference
double dalet = max - min;
// Define useful resultant variables
double hue = 0.0;
double saturation = 0.0;
double luminosity = 0.0;
if (dalet > 0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue < 0)
{
hue = hue + 6;
}
}
else if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue * 60;
}
// Calculate Luminosity// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0)
{
// Calculate Saturation// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - abs_value(2 * luminosity - 1));
}
// Convert into %
saturation = saturation * 100;
luminosity = luminosity * 100;
// Display Given results
Console.Write(" Given RGB");
Console.Write("\n R = " + red);
Console.Write("\n G = " + green);
Console.Write("\n B = " + blue);
// Display Calculate results
Console.Write("\n Calculate HSL ");
Console.Write("\n H = " + hue + " °");
Console.Write("\n S = " + saturation + " % ");
Console.Write("\n L = " + luminosity + " % \n\n");
}
public static void Main(String[] args)
{
ColorConversion color = new ColorConversion();
// Test Case
color.rgb_to_hsl(255, 152, 0);
color.rgb_to_hsl(54, 155, 229);
color.rgb_to_hsl(33, 150, 243);
}
}
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.7647058823529 °
S = 100 %
L = 50 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.371428571429 °
S = 77.0925110132159 %
L = 55.4901960784314 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.571428571429 °
S = 89.7435897435897 %
L = 54.1176470588235 %
<?php
/*
Php Program
RGB to HSL color
*/
class ColorConversion
{
// Returns the maximum value of given two numbers
public function max_value($a, $b)
{
if ($a > $b)
{
return $a;
}
else
{
return $b;
}
}
// Returns the minimum value of given two numbers
public function min_value($a, $b)
{
if ($a < $b)
{
return $a;
}
else
{
return $b;
}
}
// Returns absolute value
public function abs_value($value)
{
if ($value < 0)
{
return -$value;
}
else
{
return $value;
}
}
// Find HSL to given RGB
public function rgb_to_hsl($red, $green, $blue)
{
$r = ($red / 255.0);
$g = ($green / 255.0);
$b = ($blue / 255.0);
// Find maximum of r,g,b
$max = $this->max_value($this->max_value($r, $g), $b);
// Find Minimum of r,g,b
$min = $this->min_value($this->min_value($r, $g), $b);
// Calculate difference
$dalet = $max - $min;
// Define useful resultant variables
$hue = 0.0;
$saturation = 0.0;
$luminosity = 0.0;
if ($dalet > 0)
{
// Calculate hue
if ($max == $r)
{
$hue = (($g - $b) / $dalet);
if ($hue < 0)
{
$hue = $hue + 6;
}
}
else if ($max == $g)
{
$hue = (($b - $r) / $dalet) + 2;
}
else if ($max == $b)
{
$hue = (($r - $g) / $dalet) + 4;
}
$hue = $hue * 60;
}
// Calculate Luminosity// (Max(RGB) + Min(RGB)) / 2
$luminosity = ($max + $min) / 2.0;
if ($dalet != 0)
{
// Calculate Saturation// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
$saturation = $dalet / (1 - $this->abs_value(2 * $luminosity - 1));
}
// Convert into %
$saturation = $saturation * 100;
$luminosity = $luminosity * 100;
// Display Given results
echo " Given RGB";
echo "\n R = ". $red;
echo "\n G = ". $green;
echo "\n B = ". $blue;
// Display Calculate results
echo "\n Calculate HSL ";
echo "\n H = ". $hue ." °";
echo "\n S = ". $saturation ." % ";
echo "\n L = ". $luminosity ." % \n\n";
}
}
function main()
{
$color = new ColorConversion();
// Test Case
$color->rgb_to_hsl(255, 152, 0);
$color->rgb_to_hsl(54, 155, 229);
$color->rgb_to_hsl(33, 150, 243);
}
main();
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.764705882353 °
S = 100 %
L = 50 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.37142857143 °
S = 77.092511013216 %
L = 55.490196078431 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.57142857143 °
S = 89.74358974359 %
L = 54.117647058824 %
/*
Node Js Program
RGB to HSL color
*/
class ColorConversion
{
// Returns the maximum value of given two numbers
max_value(a, b)
{
if (a > b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
min_value(a, b)
{
if (a < b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
abs_value(value)
{
if (value < 0)
{
return -value;
}
else
{
return value;
}
}
// Find HSL to given RGB
rgb_to_hsl(red, green, blue)
{
var r = (red / 255.0);
var g = (green / 255.0);
var b = (blue / 255.0);
// Find maximum of r,g,b
var max = this.max_value(this.max_value(r, g), b);
// Find Minimum of r,g,b
var min = this.min_value(this.min_value(r, g), b);
// Calculate difference
var dalet = max - min;
// Define useful resultant variables
var hue = 0.0;
var saturation = 0.0;
var luminosity = 0.0;
if (dalet > 0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue < 0)
{
hue = hue + 6;
}
}
else if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue * 60;
}
// Calculate Luminosity// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0)
{
// Calculate Saturation// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - this.abs_value(2 * luminosity - 1));
}
// Convert into %
saturation = saturation * 100;
luminosity = luminosity * 100;
// Display Given results
process.stdout.write(" Given RGB");
process.stdout.write("\n R = " + red);
process.stdout.write("\n G = " + green);
process.stdout.write("\n B = " + blue);
// Display Calculate results
process.stdout.write("\n Calculate HSL ");
process.stdout.write("\n H = " + hue + " °");
process.stdout.write("\n S = " + saturation + " % ");
process.stdout.write("\n L = " + luminosity + " % \n\n");
}
}
function main()
{
var color = new ColorConversion();
// Test Case
color.rgb_to_hsl(255, 152, 0);
color.rgb_to_hsl(54, 155, 229);
color.rgb_to_hsl(33, 150, 243);
}
main();
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.76470588235294 °
S = 100 %
L = 50 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.3714285714286 °
S = 77.09251101321587 %
L = 55.490196078431374 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.57142857142858 °
S = 89.74358974358974 %
L = 54.11764705882353 %
# Python 3 Program
# RGB to HSL color
class ColorConversion :
# Returns the maximum value of given two numbers
def max_value(self, a, b) :
if (a > b) :
return a
else :
return b
# Returns the minimum value of given two numbers
def min_value(self, a, b) :
if (a < b) :
return a
else :
return b
# Returns absolute value
def abs_value(self, value) :
if (value < 0) :
return -value
else :
return value
# Find HSL to given RGB
def rgb_to_hsl(self, red, green, blue) :
r = (red / 255.0)
g = (green / 255.0)
b = (blue / 255.0)
# Find maximum of r,g,b
max = self.max_value(self.max_value(r, g), b)
# Find Minimum of r,g,b
min = self.min_value(self.min_value(r, g), b)
# Calculate difference
dalet = max - min
# Define useful resultant variables
hue = 0.0
saturation = 0.0
luminosity = 0.0
if (dalet > 0) :
# Calculate hue
if (max == r) :
hue = ((g - b) / dalet)
if (hue < 0) :
hue = hue + 6
elif(max == g) :
hue = ((b - r) / dalet) + 2
elif(max == b) :
hue = ((r - g) / dalet) + 4
hue = hue * 60
# Calculate Luminosity
# (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0
if (dalet != 0) :
# Calculate Saturation
# (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - self.abs_value(2 * luminosity - 1))
# Convert into %
saturation = saturation * 100
luminosity = luminosity * 100
# Display Given results
print(" Given RGB")
print(" R = ", red)
print(" G = ", green)
print(" B = ", blue)
# Display Calculate results
print(" Calculate HSL ")
print(" H = ", hue ,"°")
print(" S = ", saturation ,"% ")
print(" L = ", luminosity ,"% \n")
def main() :
color = ColorConversion()
# Test Case
color.rgb_to_hsl(255, 152, 0)
color.rgb_to_hsl(54, 155, 229)
color.rgb_to_hsl(33, 150, 243)
if __name__ == "__main__": main()
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.76470588235294 °
S = 100.0 %
L = 50.0 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.3714285714286 °
S = 77.09251101321587 %
L = 55.490196078431374 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.57142857142858 °
S = 89.74358974358974 %
L = 54.11764705882353 %
# Ruby Program
# RGB to HSL color
class ColorConversion
# Returns the maximum value of given two numbers
def max_value(a, b)
if (a > b)
return a
else
return b
end
end
# Returns the minimum value of given two numbers
def min_value(a, b)
if (a < b)
return a
else
return b
end
end
# Returns absolute value
def abs_value(value)
if (value < 0)
return -value
else
return value
end
end
# Find HSL to given RGB
def rgb_to_hsl(red, green, blue)
r = red / 255.0
g = green / 255.0
b = blue / 255.0
# Find maximum of r,g,b
max = self.max_value(self.max_value(r, g), b)
# Find Minimum of r,g,b
min = self.min_value(self.min_value(r, g), b)
# Calculate difference
dalet = max - min
# Define useful resultant variables
hue = 0.0
saturation = 0.0
luminosity = 0.0
if (dalet > 0)
# Calculate hue
if (max == r)
hue = ((g - b) / dalet)
if (hue < 0)
hue = hue + 6
end
elsif(max == g)
hue = ((b - r) / dalet) + 2
elsif(max == b)
hue = ((r - g) / dalet) + 4
end
hue = hue * 60
end
# Calculate Luminosity
# (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0
if (dalet != 0)
# Calculate Saturation
# (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - self.abs_value(2 * luminosity - 1))
end
# Convert into %
saturation = saturation * 100
luminosity = luminosity * 100
# Display Given results
print(" Given RGB")
print("\n R = ", red)
print("\n G = ", green)
print("\n B = ", blue)
# Display Calculate results
print("\n Calculate HSL ")
print("\n H = ", hue ," °")
print("\n S = ", saturation ," % ")
print("\n L = ", luminosity ," % \n\n")
end
end
def main()
color = ColorConversion.new()
# Test Case
color.rgb_to_hsl(255, 152, 0)
color.rgb_to_hsl(54, 155, 229)
color.rgb_to_hsl(33, 150, 243)
end
main()
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.76470588235294 °
S = 100.0 %
L = 50.0 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.3714285714286 °
S = 77.09251101321587 %
L = 55.490196078431374 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.57142857142858 °
S = 89.74358974358974 %
L = 54.11764705882353 %
/*
Scala Program
RGB to HSL color
*/
class ColorConversion
{
// Returns the maximum value of given two numbers
def max_value(a: Double, b: Double): Double = {
if (a > b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
def min_value(a: Double, b: Double): Double = {
if (a < b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
def abs_value(value: Double): Double = {
if (value < 0)
{
return -value;
}
else
{
return value;
}
}
// Find HSL to given RGB
def rgb_to_hsl(red: Int, green: Int, blue: Int): Unit = {
var r: Double = (red / 255.0);
var g: Double = (green / 255.0);
var b: Double = (blue / 255.0);
// Find maximum of r,g,b
var max: Double = this.max_value(this.max_value(r, g), b);
// Find Minimum of r,g,b
var min: Double = this.min_value(this.min_value(r, g), b);
// Calculate difference
var dalet: Double = max - min;
// Define useful resultant variables
var hue: Double = 0.0;
var saturation: Double = 0.0;
var luminosity: Double = 0.0;
if (dalet > 0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue < 0)
{
hue = hue + 6;
}
}
else if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue * 60;
}
// Calculate Luminosity// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0)
{
// Calculate Saturation// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - this.abs_value(2 * luminosity - 1));
}
// Convert into %
saturation = saturation * 100;
luminosity = luminosity * 100;
// Display Given results
print(" Given RGB");
print("\n R = " + red);
print("\n G = " + green);
print("\n B = " + blue);
// Display Calculate results
print("\n Calculate HSL ");
print("\n H = " + hue + " °");
print("\n S = " + saturation + " % ");
print("\n L = " + luminosity + " % \n\n");
}
}
object Main
{
def main(args: Array[String]): Unit = {
var color: ColorConversion = new ColorConversion();
// Test Case
color.rgb_to_hsl(255, 152, 0);
color.rgb_to_hsl(54, 155, 229);
color.rgb_to_hsl(33, 150, 243);
}
}
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.76470588235294 °
S = 100.0 %
L = 50.0 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.3714285714286 °
S = 77.09251101321587 %
L = 55.490196078431374 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.57142857142858 °
S = 89.74358974358974 %
L = 54.11764705882353 %
/*
Swift 4 Program
RGB to HSL color
*/
class ColorConversion
{
// Returns the maximum value of given two numbers
func max_value(_ a: Double, _ b: Double)->Double
{
if (a > b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
func min_value(_ a: Double, _ b: Double)->Double
{
if (a < b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
func abs_value(_ value: Double)->Double
{
if (value < 0)
{
return -value;
}
else
{
return value;
}
}
// Find HSL to given RGB
func rgb_to_hsl(_ red: Int, _ green: Int, _ blue: Int)
{
let r: Double = Double(red) / 255.0;
let g: Double = Double(green) / 255.0;
let b: Double = Double(blue) / 255.0;
// Find maximum of r,g,b
let max: Double = self.max_value(self.max_value(r, g), b);
// Find Minimum of r,g,b
let min: Double = self.min_value(self.min_value(r, g), b);
// Calculate difference
let dalet: Double = max - min;
// Define useful resultant variables
var hue: Double = 0.0;
var saturation: Double = 0.0;
var luminosity: Double = 0.0;
if (dalet > 0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue < 0)
{
hue = hue + 6;
}
}
else if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue * 60;
}
// Calculate Luminosity// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0)
{
// Calculate Saturation// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - self.abs_value(2 * luminosity - 1));
}
// Convert into %
saturation = saturation * 100;
luminosity = luminosity * 100;
// Display Given results
print(" Given RGB", terminator: "");
print("\n R = ", red, terminator: "");
print("\n G = ", green, terminator: "");
print("\n B = ", blue, terminator: "");
// Display Calculate results
print("\n Calculate HSL ", terminator: "");
print("\n H = ", hue ," °", terminator: "");
print("\n S = ", saturation ," % ", terminator: "");
print("\n L = ", luminosity ," % \n");
}
}
func main()
{
let color: ColorConversion = ColorConversion();
// Test Case
color.rgb_to_hsl(255, 152, 0);
color.rgb_to_hsl(54, 155, 229);
color.rgb_to_hsl(33, 150, 243);
}
main();
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.7647058823529 °
S = 100.0 %
L = 50.0 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.371428571429 °
S = 77.0925110132159 %
L = 55.4901960784314 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.571428571429 °
S = 89.7435897435897 %
L = 54.1176470588235 %
/*
Kotlin Program
RGB to HSL color
*/
class ColorConversion
{
// Returns the maximum value of given two numbers
fun max_value(a: Double , b : Double ): Double
{
if (a>b)
{
return a;
}
else
{
return b;
}
}
// Returns the minimum value of given two numbers
fun min_value(a: Double , b : Double ): Double
{
if (a<b)
{
return a;
}
else
{
return b;
}
}
// Returns absolute value
fun abs_value(value: Double ): Double
{
if (value<0)
{
return -value;
}
else
{
return value;
}
}
// Find HSL to given RGB
fun rgb_to_hsl(red: Int, green: Int, blue: Int): Unit
{
var r: Double = red / 255.0;
var g: Double = green / 255.0;
var b: Double = blue / 255.0;
// Find maximum of r,g,b
var max: Double = this.max_value(this.max_value(r, g), b);
// Find Minimum of r,g,b
var min: Double = this.min_value(this.min_value(r, g), b);
// Calculate difference
var dalet: Double = max - min;
// Define useful resultant variables
var hue: Double = 0.0;
var saturation: Double = 0.0;
var luminosity: Double ;
if (dalet>0)
{
// Calculate hue
if (max == r)
{
hue = ((g - b) / dalet);
if (hue<0)
{
hue = hue + 6;
}
}
else
if (max == g)
{
hue = ((b - r) / dalet) + 2;
}
else
if (max == b)
{
hue = ((r - g) / dalet) + 4;
}
hue = hue * 60;
}
// Calculate Luminosity// (Max(RGB) + Min(RGB)) / 2
luminosity = (max + min) / 2.0;
if (dalet != 0.0)
{
// Calculate Saturation// (Max(RGB) — Min(RGB)) / (1 — |2L - 1|)
saturation = dalet / (1 - this.abs_value(2 * luminosity - 1));
}
// Convert into %
saturation = saturation * 100;
luminosity = luminosity * 100;
// Display Given results
print(" Given RGB");
print("\n R = " + red);
print("\n G = " + green);
print("\n B = " + blue);
// Display Calculate results
print("\n Calculate HSL ");
print("\n H = " + hue + " °");
print("\n S = " + saturation + " % ");
print("\n L = " + luminosity + " % \n\n");
}
}
fun main(args: Array<String>): Unit
{
var color: ColorConversion = ColorConversion();
// Test Case
color.rgb_to_hsl(255, 152, 0);
color.rgb_to_hsl(54, 155, 229);
color.rgb_to_hsl(33, 150, 243);
}
Output
Given RGB
R = 255
G = 152
B = 0
Calculate HSL
H = 35.76470588235294 °
S = 100.0 %
L = 50.0 %
Given RGB
R = 54
G = 155
B = 229
Calculate HSL
H = 205.3714285714286 °
S = 77.09251101321587 %
L = 55.490196078431374 %
Given RGB
R = 33
G = 150
B = 243
Calculate HSL
H = 206.57142857142858 °
S = 89.74358974358974 %
L = 54.11764705882353 %
Resultant Output Explanation
Using the provided example inputs:
- RGB values: (255, 152, 0)
- Normalized RGB values: (1.0, 0.596, 0.0)
- Maximum value: 1.0
- Minimum value: 0.0
- Delta: 1.0
- Hue: ((0.596 - 0.0) / 1.0) * 60 = 35.76°
- Luminosity: (1.0 + 0.0) / 2.0 = 0.5
- Saturation: 1.0 / (1 - |2 * 0.5 - 1|) = 1.0 / (1 - 0) = 1.0
- HSL values: (35.76°, 100%, 50%)
For the given RGB color (255, 152, 0), the resulting HSL values are H = 35.76°, S = 100%, and L = 50%. These values indicate that the color is a vibrant shade of orange with maximum saturation and medium luminosity.
Time Complexity Analysis
The time complexity of the provided code is relatively low as it performs a fixed number of calculations based on the RGB values. The dominant operations involve finding the maximum and minimum values, which require comparing three numbers. Therefore, the time complexity can be considered as constant or O(1) in terms of the input size.
Finally
The RGB to HSL color conversion is a common problem in computer graphics and image processing. Converting colors from the RGB model to the HSL model provides a more intuitive representation, making it easier to understand and work with colors.
In this article, we discussed the problem statement, explained the algorithm for converting RGB to HSL color, and provided pseudocode for the conversion process. We also walked through an example, demonstrating how the algorithm is applied to a specific RGB color to obtain the corresponding HSL values.
Additionally, we analyzed the time complexity of the code and concluded that it has a constant time complexity of O(1). This means that the code performs its calculations efficiently and is not affected by the input size.
Understanding the RGB to HSL color conversion is valuable knowledge for anyone working with colors in various applications, including graphic design, image processing, and web development. By leveraging the HSL color model, developers and designers can manipulate and describe colors in a more intuitive and visually meaningful way.
Please share your knowledge to improve code and content standard. Also submit your doubts, and test case. We improve by your feedback. We will try to resolve your query as soon as possible.
New Comment