Làm thế nào để chỉ định màu trong CSS?

Trong CSS, có nhiều cách để chỉ định màu sắc cho các phần tử HTML, bao gồm sử dụng tên màu, giá trị RGB, HEX, HSL, RGBA, và HSLA. Dưới đây là một số phương pháp phổ biến:

1. Sử dụng Tên Màu

Bạn có thể chỉ định màu sắc bằng cách sử dụng tên màu tiếng Anh được xác định trước. Ví dụ: red, blue, green.

p {
  color: blue;
}

2. Sử dụng Giá trị RGB

Màu sắc có thể được xác định bằng cách sử dụng kết hợp màu RGB, với giá trị từ 0 đến 255 cho mỗi màu đỏ (Red), xanh lá (Green), và xanh dương (Blue).

p {
  color: rgb(255, 0, 0); /* Màu đỏ */
}

3. Sử dụng Giá trị HEX

Màu sắc cũng có thể được xác định bằng giá trị HEX, bắt đầu bằng dấu # và theo sau là 6 ký tự (hoặc 3 ký tự nếu có thể gút gọn). Mỗi cặp ký tự đại diện cho một màu trong RGB.

p {
  color: #ff0000; /* Màu đỏ */
}

4. Sử dụng Giá trị HSL

Màu sắc có thể được xác định bằng cách ...