This browser is no longer supported.
Upgrade to Microsoft Edge to take advantage of the latest features, security updates, and technical support.
Given a RGB or Hex Value of a color How to find out if the Color is Dark or Light.I am working on a theme where I want to find out if the color is Dark or Light and depending on it I want to set the Text Color to white or Black.
Maybe the value of Color.Luminosity property can be compared with 0.5.
To determine whether a color is dark or light, you can calculate the perceived brightness of the color using the following formula:
Brightness=0.2126R+0.7152G+0.0722B
where R, G, and B are the red, green, and blue values of the color, respectively. If the brightness value is greater than or equal to 128, the color is considered light. If the brightness value is less than 128, the color is considered dark.
Based on your formula I created this method. It works but when the value is very close to 128 there is difficulty in choosing between Black and White.
public bool IsDarkColor(Color color)
{
int R,G,B;
R = Convert.ToInt32(color.R * 255);
G = Convert.ToInt32(color.G * 255);
B = Convert.ToInt32(color.B * 255);
int brightness = Convert.ToInt32(R * 0.2126 + G * 0.7152 + B * 0.0722);
return brightness >= 128;
}
thanks for sharing knowledge of determine whether color
since the Xamarin.Forms.Color contains Hue saturation and Luminosity the code is not working as expected. Is there any Formula to Calculate the Brightness taking into consideration Hue Saturation and Luminosity of the Given RGB Color.
The return value of my Function was not correct. instead of brightness >= 128. it should have been brightness < 128.
This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.
Comments have been turned off. Learn more