The difference and introduction of ARGB, RGB and RGBA
|
ARGB is a color mode, which is the RGB color mode with an Alpha (transparency) channel added, commonly found in the storage structure of 32-bit bitmaps. The RGB color model is a color standard in the industry. It obtains a variety of colors by changing the three color channels of red (R), green (G), and blue (B) and superimposing them on each other. RGB represents the colors of the three channels of red, green, and blue. This standard covers almost all colors that can be perceived by human vision and is one of the most widely used color systems at present. RGBA is a color space that represents Red, Green, Blue and Alpha. Although it is sometimes described as a color space, it is really just the RGB model with additional information. The colors used are RGB and can belong to any RGB color space, but Catmull and Smith proposed this indispensable alpha value between 1971 and 1972, making alpha rendering and alpha compositing possible. The proposer named it alpha because the classic linear interpolation equation αA + (1-α)B uses this Greek letter. PNG is an image format that uses RGBA. The difference between 6-bit and 8-bit values when defining color in Android: 6-bit (#000000) is RGB value 8-bit (#1e000000) ARGB The first two bits are transparency, 00 is completely transparent, ff is completely opaque, and the last 6 bits are RGB values, which are relatively moderate transparency values What does the a in RGBA mean? How to use RGBA RGBA Color RGB is a color standard that produces a variety of colors by varying and superimposing red (R), green (G), and blue (B). To put it simply, RGBA adds a transparency channel Alpha to RGB.
Example:
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3RGBA Color</title>
<styletype="text/css">
*{padding:0;margin:0;}
ul
{
display:inline-block;
list-style-type:none;
width:200px;
}
li
{
height:30px;
line-height:30px;
font-size:20px;
font-weight:bold;
text-align:center;
}
/*The first li*/
li:first-child
{
background-color:#FF00FF;
}
/*The second li*/
li:nth-child(2)
{
background-color:rgba(255,0,255,0.5);
}
/*The third li*/
li:last-child
{
background-color:#FF00FF;
opacity:0.5;
}
</style>
</head>
<body>
<ul>
<li>123WORDPRESS.COM</li>
<li>123WORDPRESS.COM</li>
<li>123WORDPRESS.COM</li>
</ul>
</body>
</html>This is the end of this article about the differences and introductions of ARGB, RGB and RGBA. For more information about the differences between ARGB, RGB and RGBA, please search previous articles on 123WORDPRESS.COM or continue to browse the related articles below. I hope you will support 123WORDPRESS.COM in the future! |
>>: Detailed explanation of HTML tables
Recommend
A simple way to change the password in MySQL 5.7
This is an official screenshot. After MySQL 5.7 i...
MySQL database operations (create, select, delete)
MySQL Create Database After logging into the MySQ...
How to implement Vue timer
This article example shares the specific code of ...
Detailed explanation of the principle and implementation process of Nginx configuration https
Use the Linux utility certbot to generate https c...
A brief discussion on browser compatibility issues in JavaScript
Browser compatibility is the most important part ...
Vue-pdf implements online preview of PDF files
Preface In most projects, you will encounter onli...
MySQL query data by hour, fill in 0 if there is no data
Demand background A statistical interface, the fr...
Detailed explanation of samba folder sharing server configuration under centos
1. Introduction Recently I found that there are m...
Detailed explanation of identifying files with the same content on Linux
Preface Sometimes file copies amount to a huge wa...
Simple example of HTML checkbox and radio style beautification
Simple example of HTML checkbox and radio style b...
A brief discussion on HTML titles, paragraphs, line breaks, horizontal lines, and special characters
title XML/HTML CodeCopy content to clipboard <...
How to delete a property of an object in JavaScript
1. delete delete is the only real way to remove a...
Detailed explanation of mysql deadlock checking and deadlock removal examples
1. Query process show processlist 2. Query the co...
A brief discussion on the datetime format when exporting table data from MySQL to Excel
Recently I used MySQL to export table data to an ...
MySQL case when group by example
A mysql-like php switch case statement. select xx...