rgba

The rgba CSS function specifies red, green, blue, and alpha.

Syntax

CSS

rgba()

Values

<rgba()> =
    [ <legacy-rgba-syntax> | <modern-rgba-syntax> ]
<legacy-rgba-syntax> =
    rgba(
        <percentage>#{3},
        <alpha-value>?
    ) |
    rgba(
        <number>#{3},
        <alpha-value>?
    )
<percentage>

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

<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 (%).

<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.

<modern-rgba-syntax> =
    rgba(
        [ <number> | <percentage> | none ]{3}
        [ / [ <alpha-value> | none ] ]?
    )
<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 (%).

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 · legacy · percentage

2 · legacy · percentage · alpha

3 · legacy · number

4 · legacy · number · alpha

5 · modern · percentage

6 · modern · percentage · alpha

7 · modern · number

8 · modern · number · alpha

9 · JS

HomeMenu