HomeMenu
Jesus · Bible · HTML · CSS · JS · PHP · SVG · Applications

rgba

Description

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

ChannelLow UnitHigh UnitLow NumberHigh Number
r0.0%100.0%0.0255.0
g0.0%100.0%0.0255.0
b0.0%100.0%0.0255.0
a0.0%100.0%0.01.0

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 · rgb · unit

2 · legacy · rgba · unit

3 · legacy · rgb · number

4 · legacy · rgba · number

5 · modern · rgb · unit

6 · modern · rgba · unit

7 · modern · rgb · number

8 · modern · rgba · number

9 · JS