Hexa to HSLA Color Converter

Hexa to HSLA Color Converter

The Hexa to HSLA Color Converter is a web tool that allows users to convert a hexadecimal color code (Hexa) into its corresponding HSLA (Hue, Saturation, Lightness, Alpha) color representation. Hexadecimal color codes are commonly used in web design and digital graphics to specify colors, and HSLA includes an alpha channel for controlling opacity.

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. Enter the Alpha (Opacity) value between 0 and 1 in the “Enter Alpha (Opacity) Value” input field.
  3. Click the “Convert” button.
  4. The HSLA color equivalent will be displayed below the button in the format “HSLA Color: hsla(H, S%, L%, A)”.


  • If you enter “#1A3F4C” as the Hexa color code and “0.75” as the Alpha value, the tool will display “HSLA Color: hsla(196, 64%, 30%, 0.75)” as the result.

This Hexa to HSLA Color Converter takes a Hexa color code and an alpha value as input, validates their formats, and then converts the Hexa code into the corresponding HSLA color representation. It calculates the hue (H), saturation (S), lightness (L), and alpha (A) components from the RGB values extracted from the Hexa code and displays them in the “hsla(H, S%, L%, A)” format. This tool is useful for web development and design when working with colors that require transparency or opacity control.