Khái niệm về màu sắc trong HTML và CSSMàu sắc sử dụng trong HTML cũng như CSS là sự kết hợp ba màu (trộn ba màu đỏ RED, xanh lá GREEN, xanh BLUE với cường độ màu khác nhau của các màu thành phần này), từ nguyên tắc trộn màu đó nó tạo ra tất cả các màu còn lại khác), ta gọi là trộn màu RGB. Cường độ màu là số nguyên có giá trị từ 0 đến 255. Show Phía dưới có công cụ chuyển số cường độ màu dạng thập phân sang dạng thập lục phân hex Quy tắc trộn màu theo quy luật về màu sắc trong hội họa Các ngôn ngũ lập trình đều hỗ trợ những hàm để trộn màu rgb, ngay cả HTML CSS cũng có hàm pha trộn màu ba thành phần có tên là rgb, ví dụ: màu đỏ có cường độ 128, màu green có cường độ 100, màu blue có cường độ 50 ba màu đó trộn với nhau <p style="background-color: rgb(128, 100, 200)">Màu nền rgb(128,100,200)</p>Màu nền rgb(128,100,200) Hoặc màu đỏ và màu green (cường độ cao nhất 255) trộn với nhau (không có màu blue) thì sẽ ra màu vàng <p style="background-color: rgb(255, 255, 0)">Màu nền rgb(255, 255, 0)</p>Màu nền rgb(255, 255, 0). Màu theo giá trị HEX dùng trong HTML và CSSDùng phổ biến trong HTML, CSS là cách màu sắc được biểu diễn bằng giá trị thập lục phân hexadecimal. Tức là dùng 16 chữ số: 0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F để biểu diễn những thành phần màu được pha trộn RGB Giá trị màu Hex biểu diễn bằng cách viết ký tự hashtag (#) và theo sau là sáu ký tự HEX gồm 2 ký tự đầu là giá trị HEX là cường độ màu đỏ RED, tiếp theo là 2 ký tự hex cường độ màu xanh lá GREEN, 2 ký tự cuối là số hex cường độ màu xanh BLUE. Kết quả màu sẽ sự pha trộn của ba thành phần đó. Ví dụ: Một màu hex viết là #8064c8 thì từ là pha màu pha trộn bởi:
Màu nền #8064c8 Bạn thấy màu hex #8064c8 tương đương trộn màu RGB rgb(128, 100, 200) Số lượng màu sắc biểu diễn bởi số hexVới cách biểu diễn mỗi màu đơn sắc bằng giá trị HEX với 2 ký tự thì nó biểu diễn được 256 giá trị. Ba màu RGB kết hợp lại sẽ biểu diễn được 16 triệu màu. Ví dụ đây là một số màu HEX: CÔNG CỤ ĐỔI SỐ THẬP PHÂN CƯỜNG ĐỘ MÀU SANG HEX VÀ PHA TRỘN MÀU SẮC SỬ DỤNG VỚI CSS, HTML
Đổi thập phân sang thập lục phânGiá trị cường độ màu (thập phân): 100a
Trộn màu RGB và màu HexCường độ màu Red, Green, Blue Kết quả mã hex trộn màu:
#808080
Thuộc tính bgcolor và thẻ fontThuộc tính bgcolor dùng để thay đổi màu nền trang web. Khi cần thay đổi màu văn bản, bạn có thể dùng thẻ font kết hợp với thuộc tính color, các trường hợp khác về màu sắc trên trang ngay nay người ta dùng CSS chứ không sử dụng trực tiếp các thuộc tính thẻ HTML chuyên biệt.
<html>
<head>
<title>Color</title>
</head>
<body bgcolor="#000099">
<h2>
<font color="#FFFFFF"> Chữ trắng nền đen </font>
</h2>
</body>
</html>
ĐĂNG KÝ KÊNH, XEM CÁC VIDEO TRÊN XUANTHULAB
|