- Trending Categories
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP
- Selected Reading
- UPSC IAS Exams Notes
- Developer's Best Practices
- Questions and Answers
- Effective Resume Writing
- HR Interview Questions
- Computer Glossary
- Who is Who
Define colors using the Red-Green-Blue-Alpha model (RGBA) with CSS
Use the CSS rgb() function to define color using the RGB Model.
Use the CSS rgba() function to set RGB colors with opacity.
Example
You can try to run the following code to set the color with rgba() function
<!DOCTYPE html>
<html>
<head>
<style>
h1 {
background-color:hsl(0,100%,50%);
}
h2 {
background-color:rgb(0,0,255);
color: rgb(255,255,255);
}
p {
background-color:rgba(255,0,0,0.9);
}
</style>
</head>
<body>
<h1>Red Background</h1>
<h2>Blue Background</h2>
<p>This is demo text!</p>
</body>
</html>
Updated on 04-Jul-2020 06:59:05
- Related Questions & Answers
- Define colors using the Red-Green-Blue model (RGB) with CSS
- Define colors using the Hue-Saturation-Lightness-Alpha model (HSLA) with CSS
- Define colors using the Hue-Saturation-Lightness model (HSL) with CSS
- How to convert a colored image to blue/green/red image using Java OpenCV library?
- Define the CSS Box Model
- CSS Transparency Using RGBA
- CSS rgba() Function
- List with a blue left border using CSS
- How to create blue or red colored boxplots in R using ggplot2?
- Usage of rgba() CSS function
- Create red neon glow shadow using CSS
- CSS Alpha Channel filter
- Define skew transforms along with x axis using CSS
- Define skew transforms along with y axis using CSS
- Display a blue shadow on image hover with CSS
Advertisements