Color Converter

HEX color codes are a way of representing colors from the RGB color model. They are a combination of a hash symbol (#) followed by six hexadecimal digits. The first two digits represent the intensity of red, the next two green, and the last two blue. For example, `#FF0000` is pure red. A shorthand three-digit version can be used if both digits in a pair are the same (e.g., `#F00` is the same as `#FF0000`). HEX is the most common color format used in web design and CSS.

The RGB color model is an additive model where red, green, and blue light are added together in various ways to reproduce a broad array of colors. Each color component is represented by an integer between 0 and 255. For example, `rgb(255, 0, 0)` is pure red. This model is used in virtually all digital displays, like computer monitors, TVs, and smartphone screens. An optional fourth value, alpha (A), can be added (`rgba`) to control transparency.

HSL is another representation of the RGB color model, but it's designed to be more intuitive for humans to work with. It consists of three components:

• Hue: The type of color, represented as an angle on the color wheel (0-360 degrees). 0 is red, 120 is green, 240 is blue.
• Saturation: The intensity of the color (0% is grayscale, 100% is full color).
• Lightness: The brightness of the color (0% is black, 50% is the pure color, 100% is white).

HSL is very useful for creating color palettes, as you can easily create lighter or darker shades of a color by just adjusting the Lightness value.