@dragonspark/chroma-kit
    Preparing search index...

    Interface HSLColor

    Represents a color in the HSL color space.

    HSL (Hue, Saturation, Lightness) is a cylindrical color model that rearranges the RGB color model to be more intuitive and perceptually relevant.

    interface HSLColor {
        alpha?: number;
        h: number;
        l: number;
        s: number;
        space: "hsl";
        to: <
            T extends
                | "rgb"
                | "hwb"
                | "hsl"
                | "hsv"
                | "xyz"
                | "lab"
                | "lch"
                | "oklab"
                | "oklch"
                | "jzazbz"
                | "jzczhz",
        >(
            colorSpace: T,
        ) => CreatedColor<T>;
        toCSSString: () => string;
        toString: () => string;
        shiftHue(degrees: number): HSLColor;
    }

    Hierarchy (View Summary)

    Index

    Properties

    alpha?: number

    The alpha (opacity) component (0-1), optional

    h: number

    The hue component (0-360 degrees)

    l: number

    The lightness component (0-1)

    s: number

    The saturation component (0-1)

    space: "hsl"
    to: <
        T extends
            | "rgb"
            | "hwb"
            | "hsl"
            | "hsv"
            | "xyz"
            | "lab"
            | "lch"
            | "oklab"
            | "oklch"
            | "jzazbz"
            | "jzczhz",
    >(
        colorSpace: T,
    ) => CreatedColor<T>
    toCSSString: () => string
    toString: () => string

    Methods