Màu Hex 8 chữ số đơn giản như màu Hex 6 chữ số. Nó chứa tám chữ số thay vì sáu. Màu này được dùng để định nghĩa màu sắc cho các phần tử của bạn bằng CSS. Nó có tiền tố hash (#) trước các chữ số như mã hex sáu chữ số. Điểm khác biệt giữa mã hex 6 và 8 chữ số là 2 ký tự bổ sung. Hai ký tự này định nghĩa kênh alpha như tên gọi của màu hex 8 chữ số. Hai chữ số cuối sẽ xác định màu sắc trong suốt hoặc mờ đục đến mức nào. Nếu hai chữ số cuối là 00 thì nó sẽ hoàn toàn trong suốt. Nếu là FF thì nó sẽ hoàn toàn mờ đục.
Syntax:
#RRGGBBAA
Note: Sáu ký tự đầu tiên đại diện cho màu RGB như mã màu hex sáu chữ số. Hai ký tự cuối đại diện cho kênh alpha.
Example 1: Trong ví dụ này, chúng ta đang sử dụng thuộc tính CSS 8 Digit Hex Color.
html<!DOCTYPE html>
<html>
<head>
<title>CSS 8 Digit Hex Color</title>
<style>
body {
background-color: #666600;
}
h1 {
color: green;
}
article {
background-color: #FFFFFF44;
border: 5px solid green;
margin: 15px;
text-align: center;
}
</style>
</head>
<body>
<article>
<h1>GeeksforGeeks</h1>
</article>
</body>
</html>
Output:
Example 2: Đây là một ví dụ khác về thuộc tính đã giải thích ở trên.
html<!DOCTYPE html>
<html>
<head>
<title>CSS 8 Digit Hex Color</title>
<style>
body {
background-image: url(
'https://media.geeksforgeeks.org/wp-content/uploads/20190808143838/logsm.png');
background-attachment: fixed;
background-size: cover;
}
h2 {
color: white;
}
article {
background-color: #FFFFFF22;
border: 2px solid green;
background-position: center center;
text-align: center;
}
</style>
</head>
<body>
<article>
<h2>GeeksforGeeks</h2>
</article>
</body>
</html>
Output:
