Hexa to HSL Color Converter

Hexa to HSL Color Converter

The Hexa to HSL Color Converter is a web tool that allows users to convert a hexadecimal color code (Hexa) into its corresponding HSL (Hue, Saturation, Lightness) color representation. Hexadecimal color codes are commonly used in web design and digital graphics to specify colors.

How to Use:

  1. Enter the Hexa color code you want to convert in the “Enter Hexa Color” input field. The code may include the “#” symbol or not and can be in either three-digit (e.g., #1A3) or six-digit (e.g., #1A3F4C) format.
  2. Click the “Convert” button.
  3. The HSL color equivalent will be displayed below the button in the format “HSL Color: hsl(H, S%, L%)”.


  • If you enter “#1A3F4C” as the Hexa color code, the tool will display “HSL Color: hsl(196, 64%, 30%)” as the result.

This Hexa to HSL Color Converter takes a Hexa color code as input, validates its format, and then converts it into the corresponding HSL color representation. It calculates the hue (H), saturation (S), and lightness (L) components from the RGB values extracted from the Hexa code and displays them in the “hsl(H, S%, L%)” format, making it useful for web development and design, especially when working with different color representations.