12. Color Trong HTML

Trong HTML, bạn có thể sử dụng mã màu (color codes) hoặc tên màu để xác định màu sắc cho các phần tử trên trang web. Dưới đây là một ví dụ về cách sử dụng mã màu và tên màu trong HTML:

html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Màu sắc trong HTML</title>
</head>
<body>
    <h1 style="color: #FF5733;">Màu cam đậm (#FF5733)</h1>
    <p style="color: rgb(0, 128, 255);">Màu xanh lam (RGB: 0, 128, 255)</p>
    <p style="color: rgba(255, 0, 0, 0.5);">Màu đỏ trong suốt (RGBA: 255, 0, 0, 0.5)</p>
    <p style="color: hsl(120, 100%, 50%);">Màu xanh lục (HSL: 120, 100%, 50%)</p>
    <p style="color: hsla(240, 100%, 50%, 0.7);">Màu xanh lục trong suốt (HSLA: 240, 100%, 50%, 0.7)</p>
    <p style="color: teal;">Màu teal (Tên màu)</p>
</body>
</html>

Trong ví dụ này:

Các thuộc tính style="color: ..." được sử dụng để xác định màu sắc cho các phần tử.
Mã màu hex (#FF5733), RGB (0, 128, 255), và HSL (120, 100%, 50%) đều được sử dụng để chỉ định màu sắc.
Mã màu RGBA (255, 0, 0, 0.5) và HSLA (240, 100%, 50%, 0.7) cung cấp khả năng xác định độ trong suốt (alpha).
Tên màu teal được sử dụng làm ví dụ về việc sử dụng tên màu định sẵn trong HTML/CSS.

Lưu ý rằng, việc sử dụng màu sắc cần cân nhắc để đảm bảo độ tương phản tốt cho khả năng đọc và trải nghiệm người dùng. Trên đây là Color trong HTML.

Leave a Comment Cancel Reply