HTML RGBA Color Values

RGBA color values are an extension of RGB that includes an alpha channel to control transparency. The format uses four components: Red, Green, Blue, and Alpha. Each color component (R, G, B) ranges from 0 to 255, while the alpha value ranges from 0 (fully transparent) to 1 (fully opaque). This allows you to create see-through colors for overlays, buttons, backgrounds, and more. RGBA is commonly used in web design for layering effects and improving visual depth. It enhances the flexibility of styling elements compared to plain RGB.

RGBA Color Generator

RED:         GREEN:         BLUE:         ALPHA:        
rgb(0, 102, 255,0.5)

Example:

<!DOCTYPE html>
<html>
<head>
<title> Page Title </title>
</head>
<body>
<h4>A Primary Color </h4>
<h4 style="background-color:rgba(255, 0, 0, 0.2);"> background-color:rgba(255, 0, 0, 0.2) </h4>
<h4 style="background-color:rgba(255, 0, 0, 0.4);"> background-color:rgba(255, 0, 0, 0.4) </h4>
<h4 style="background-color:rgba(255, 0, 0, 0.6);"> background-color:rgba(255, 0, 0, 0.6) </h4>
<h4>A Secondary Color </h4>
<h4 style="background-color:rgba(255, 255, 0, 0.2);"> background-color:rgba(255, 255, 0, 0.2) </h4>
<h4 style="background-color:rgba(255, 255, 0, 0.4);"> background-color:rgba(255, 255, 0, 0.4) </h4>
<h4 style="background-color:rgba(255, 255, 0, 0.6);"> background-color:rgba(255, 255, 0, 0.6) </h4>
</body>
</html>


Output

Primary and SecondaryRGB Colors

Blue: rgba(0, 0, 255, 0)

Blue: rgba(0, 0, 255, 0.2)

Blue: rgba(0, 0, 255, 0.4)

Blue: rgba(0, 0, 255, 0.6)

Blue: rgba(0, 0, 255, 0.8)

Blue: rgba(0, 0, 255, 1)

Previous HTML RGB Color
Next HTML HEX Colors

Related Articles

Related Article HTML HEX Colors
Related Article HTML HSL Colors
Related Article HTML RGBA Color
Related Article HTML RGB Color

C# Paper Book For Sell
C# Ebook For Sell
OOP Paper Book For Sell
OOP Ebook For Sell
Advance C# Ebook For Sell
Advance C# Paper For Sell
Choose Your Options
RTL Version
Boxed Version
Want Sticky Header
Dark Verion
Purchase now $17
You will find much more options and styling in admin panel.
TOP