Màu CSS HEX
Màu thập lục phân được chỉ định bằng: #RRGGBB, trong đó các số nguyên thập lục phân RR (đỏ), GG (xanh lục) và BB (xanh lam) chỉ định các thành phần của màu.
Giá trị HEX
Trong CSS, một màu có thể được chỉ định bằng giá trị thập lục phân ở dạng:
# rrggbb
Trong đó rr (đỏ), gg (xanh lục) và bb (xanh lam) là các giá trị thập lục phân từ 00 đến ff (giống như số thập phân 0-255).
Ví dụ: # ff0000 được hiển thị là màu đỏ, vì màu đỏ được đặt thành giá trị cao nhất (ff) và các màu khác được đặt thành giá trị thấp nhất (00).
Để hiển thị màu đen, hãy đặt tất cả các giá trị thành 00, như sau: # 000000.
Để hiển thị màu trắng, hãy đặt tất cả các giá trị thành ff, như sau: #ffffff.
Thử nghiệm bằng cách trộn các giá trị HEX bên dưới:
# ff6347
MÀU ĐỎ
MÀU XANH LÁ
MÀU XANH LAM
Thí dụ
Các sắc thái của màu xám thường được xác định bằng cách sử dụng các giá trị bằng nhau cho cả 3 nguồn sáng:
Thí dụ
Giá trị HEX 3 chữ số
Đôi khi bạn sẽ thấy mã hex gồm 3 chữ số trong nguồn CSS.
Mã hex 3 chữ số là cách viết tắt của một số mã hex gồm 6 chữ số.
Mã hex gồm 3 chữ số có dạng sau:
# rgb
Trong đó r, g và b đại diện cho các thành phần màu đỏ, xanh lục và xanh lam với các giá trị từ 0 đến f.
Mã hex gồm 3 chữ số chỉ có thể được sử dụng khi cả hai giá trị (RR, GG và BB) đều giống nhau cho mỗi thành phần. Vì vậy, nếu chúng ta có # ff00cc, nó có thể được viết như sau: # f0c.
Đây là một ví dụ:
Thí dụ
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}