Video: Học lập trình Web A-Z - CSS - Bài 12 - border image, màu nền hòa trộn Gradient và bóng đổ 2025
Trong bản in, màu sắc được tạo ra bằng mực màu bằng cách trộn màu lục lam, đỏ tươi, vàng và đen (CMYK). Trên web, mặc dù, màu sắc được tạo ra bằng cách trộn các điểm ảnh màu đỏ, xanh lá cây và xanh dương (RGB có liên quan). Hệ thập lục phân định nghĩa 16 triệu màu.
Vì màu web được tạo ra bằng cách trộn màu đỏ, xanh lá cây và xanh lá cây, mã xác định màu chủ yếu xác định lượng màu đỏ, màu xanh lá cây và màu xanh bao nhiêu.
Cách sử dụng rộng rãi nhất và đáng tin cậy nhất để chuyển tải thông tin đó là một tập các ký hiệu giá trị thập lục phân. "Hex" trong thập lục phân bắt nguồn từ số sáu. Giá trị thập lục phân là sáu chữ số và sử dụng hai chữ số đầu tiên để truyền tải giá trị màu đỏ, hai chữ số thứ hai để truyền tải giá trị màu xanh lá cây và hai chữ số thứ ba để truyền tải giá trị màu xanh lam.
Giá trị thập lục phân chuyển đổi các giá trị RGB thành mã sáu số. Trong chế độ màu RGB, giá trị cao nhất có thể gắn với màu là 255, và thấp nhất là 0. Ví dụ, màu đỏ rắn được định nghĩa bằng RGB là 255, 0, 0 (màu đỏ tối đa, không có màu xanh lá cây hoặc màu xanh).
Khi được định nghĩa trong mã HTML hoặc CSS kiểu, giá trị màu hệ thập lục phân được đặt trước bởi một thẻ băm (#). Một số màu cơ bản có các giá trị thập lục phân dễ nhớ hoặc trực quan. Đen là # 000000 (không có màu đỏ, không có màu xanh, và không có màu xanh). Màu xanh lá cây là # 00FF00 (không có màu đỏ, màu xanh lá cây tối đa [FF là hệ số thập lục phân 255 theo thang RGB] và không có màu xanh lam).Vì vậy, các nhà thiết kế sử dụng biểu đồ được tìm thấy trong sách, tài nguyên trực tuyến hoặc các chương trình thiết kế đồ hoạ (Dreamweaver, Photoshop, Illustrator) để trộn màu sắc và sau đó sao chép giá trị thập lục phân tương ứng với giá trị được chọn.
Hình dưới đây cho thấy một màu web được định nghĩa trong Photoshop. Các giá trị trong các hộp ở cuối các thanh trượt R (đỏ), B (xanh) và G (màu xanh lá cây) xác định giá trị thập lục phân cho màu. Trong trường hợp này giá trị đó là # F90404.
Một kỹ thuật cơ bản để lưu một bộ màu sắc chỉ đơn giản là sao chép và dán các giá trị thập lục phân cho những màu đó vào một trình xử lý văn bản hoặc viết chúng lên trên giấy trầy xước.
Sau khi bạn có một giá trị thập lục phân cho màu, bạn có thể sử dụng giá trị đó trước bởi một biểu tượng băm (# F90404) để xác định màu sắc trong HTML hoặc CSS. Hoặc bạn có thể sao chép nó vào hộp thoại Định nghĩa quy tắc CSS, định nghĩa các kiểu CSS trong Dreamweaver CS6. Hình dưới đây cho thấy giá trị thập lục phân tạo ra trong Photoshop được áp dụng để tạo ra một nền trang đỏ trong Dreamweaver.
