Cách xác định màu thông qua # trong CSS
Cách xác định màu thông qua rgb, mặc dù cho phép nhận được bất kỳ sắc thái nào của bất kỳ màu nào, vẫn có phần hơi cồng kềnh. Do đó, cũng tồn tại lựa chọn thứ ba để xác định màu - thông qua giá trị thập lục phân.
Để hiểu bản chất của phương pháp này, bạn cần tìm hiểu về hệ đếm thập lục phân. Trong hệ này, khác với hệ thập phân mà chúng ta sử dụng trong đời sống, không phải có mười chữ số, mà là mười sáu: 0, 1,
2, 3, 4, 5, 6,
7, 8, 9, A, B,
C, D, E, F -
như bạn thấy, do thiếu chữ số sau số
chín nên các chữ cái được sử dụng.
Trong hệ này, thay vì rgb, người ta ghi
dấu thăng #, sau đó là sáu
ký tự. Hai ký tự đầu tiên - màu đỏ,
hai ký tự thứ hai - màu xanh lá cây, và hai ký tự
cuối cùng - màu xanh lam. Màu sắc cũng thay đổi từ
0 đến 255, nhưng trong hệ thập lục phân
nó sẽ từ 00 đến FF.
Trong ví dụ sau, đoạn văn được tô màu đỏ:
<p>
văn bản
</p>
p {
color: #FF0000;
}
:
Đặt màu #FFEEAA cho tất cả các đoạn văn.
Đặt nền #000000
và màu văn bản #FFFFFF cho tất cả các đoạn văn. Màu gì
sẽ thu được?
Cho đoạn mã sau:
p {
color: rgb(255, 200, 255);
}
Sử dụng một công cụ chuyển đổi nào đó để biến đổi màu này sang định dạng thập lục phân.