Mã màu Hex 6 Chữ Số rất phổ biến để định nghĩa màu trong CSS. Vì có nhiều biến thể màu sắc trong mã hex 6 chữ số. Mã này gồm sáu ký tự theo sau bởi dấu thăng (#) như #RRGGBB. Các nhà phát triển sử dụng mã màu hex, khá khó để nhớ chúng. So với tên màu như blue, green, cyan, brown, v.v, vì mã màu có nhiều sắc thái. Bằng cách sử dụng mã màu hex, bạn có một phạm vi rộng để chọn màu. Chọn màu bạn thích cho ứng dụng hoặc trang web của mình. Với tên màu, có 147 tên bạn có thể dùng. Nhưng bằng mã hex bạn có thể có 16 triệu màu. Đó là lý do chính cho việc sử dụng mã màu hex.
Cú pháp:
#RRGGBB
Lưu ý: Sáu ký tự này định nghĩa màu RGB là Red, Green và Blue.
Ví dụ 1: Trong ví dụ này, chúng ta đang dùng phương pháp Mã Màu Hex 6 Chữ Số CSS.
html<!DOCTYPE html>
<html>
<head>
<title>CSS 6 Digit Hex Color</title>
<style>
body {
background-color: #666600;
}
h1 {
color: green;
}
article {
background-color: #FFFFFF;
border: 5px solid green;
margin: 15px;
text-align: center;
}
</style>
</head>
<body>
<article>
<h1>GeeksforGeeks</h1>
</article>
</body>
</html>
Đầu ra:
Ví dụ 2: Đây là một ví dụ khác về phương pháp trên.
html<!DOCTYPE html>
<html>
<head>
<title>CSS 6 Digit Hex Color</title>
<style>
body {
background-image: url(
'https://media.geeksforgeeks.org/wp-content/uploads/20190806202057/Screenshot-from-2019-08-02-10-51-372.png');
background-attachment: fixed;
background-size: cover;
}
h2 {
color: green;
}
article {
background-color: #FFFFFF;
border: 2px solid green;
background-position: center center;
text-align: center;
}
</style>
</head>
<body>
<article>
<h2>GeeksforGeeks</h2>
</article>
</body>
</html>
Đầu ra:
