lab

The lab CSS function specifies lightness and hue (a axis and b axis).

a axis positive values are red and negative values are green. b axis positive values are yellow and negative values are blue. These values are unbounded but should not exceed ±160 in practice.

Syntax

CSS

lab()

Values

<lab()> =
    lab(
        [ <percentage> | <number> | none ]
        [ <percentage> | <number> | none ]
        [ <percentage> | <number> | none ]
        [ / [ <alpha-value> | none ] ]?
    )
<percentage>

Specifies the percentage using a number followed by a percent sign (%).

<number>

An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a sign (- or +). The last character may be succeeded by an exponent (e or E) and an integer.

none

Specifies a missing component.

<alpha-value> =
    <number> |
    <percentage>
<number>

An integer or zero or more decimal digits followed by a dot (.) followed by one or more decimal digits. The first character may be preceded by a sign (- or +). The last character may be succeeded by an exponent (e or E) and an integer.

<percentage>

Specifies the percentage using a number followed by a percent sign (%).

Examples

1 · percentage

2 · percentage · alpha

3 · number

4 · number · alpha

5 · JS

HomeMenu