Website Building » Squarespace » What Is HSL Color in Squarespace?

What Is HSL Color in Squarespace?

Last updated on October 1, 2022 @ 3:00 am

HSL color is an abbreviation for Hue, Saturation, and Lightness. It’s a color model that is often used in vector graphic design programs like Adobe Illustrator.

HSL color is also supported in HTML and CSS.

The hue value is a number between 0 and 360 degrees that represents a color on the color wheel. The saturation value is a percentage between 0% and 100%. The lightness value is a percentage between 0% and 100%.

PRO TIP: HSL color is not supported in Squarespace. If you try to use it, your site will not display correctly.

In Squarespace, you can use HSL color to style text, background colors, and border colors. To use HSL color in Squarespace, you’ll need to use the Custom CSS Editor.

To style text with HSL color in Squarespace, you’ll need to use the span tag and specify the hue, saturation, and lightness values. You can also use the background-color and border-color properties to style background colors and border colors with HSL color.

HSL color is a great way to add some dimension and interest to your text, background colors, and border colors in Squarespace. By using the Custom CSS Editor, you can take full control of your site’s design and really make it stand out from the rest.

Morgan Bash

Morgan Bash

Technology enthusiast and Co-Founder of Women Coders SF.