Image Grayscale

Grayscale is a visual effect that removes the color information from an image, resulting in a black and white representation.

Start by choosing the image you want to convert to grayscale. This can be an existing image from your computer or an online source.

HSL (Hue, Saturation, and Lightness) is a color model that represents colors based on their hue, saturation, and lightness values.

Hue: The hue represents the color's position on the color wheel. It defines the actual color, such as red, blue, or green. The hue value ranges from 0 to 360 degrees, where 0 and 360 represent red, 120 represents green, and 240 represents blue.
Saturation: Saturation determines the intensity or purity of a color. A saturation value of 0 results in a grayscale or desaturated color, while a value of 100% (1.0) represents the fully saturated color. Adjusting the saturation allows you to make colors more vibrant or muted.
Lightness: Lightness defines the brightness or darkness of a color. A lightness value of 0% represents black, 50% represents the original color, and 100% represents white. By modifying the lightness, you can make colors lighter or darker.

• » Free Images
• » Konva JS