Đối với những người làm trong lĩnh vực lập trình và đồ họa, việc hiểu và sử dụng bảng màu CSS để lấy mã màu là rất quan trọng. Màu sắc có ảnh hưởng lớn đến cảm xúc của con người và có thể tạo nên sự nổi bật cho nội dung và sản phẩm trên trang web. Trong bài viết này, chúng ta sẽ tìm hiểu về bảng màu CSS và 3 cách để xác định giá trị màu cơ bản trong bảng màu CSS.
Xác định bảng màu CSS thông qua kết hợp bảng màu RGB
RGB là hệ màu phổ biến được sử dụng trong thiết kế hiển thị trên màn hình, điện thoại và các thiết bị điện tử khác. RGB là viết tắt của cụm từ tiếng Anh Red (màu đỏ), Green (màu xanh lá cây) và Blue (màu xanh dương). Để sử dụng RGB để xác định màu sắc trong bảng màu CSS, chúng ta sử dụng cú pháp rgb(giá trị đỏ, giá trị xanh lá cây, giá trị xanh dương). Lưu ý rằng giá trị của mỗi màu trong RGB dao động từ 0 đến 255. Ví dụ: rgb(157, 167, 3).
Xác định bảng màu CSS thông qua hệ thập lục phân - HEX
HEX là viết tắt của "hexadecimal" (thập lục phân). Định dạng mã màu HEX bao gồm dấu "#" kết hợp với dãy ký tự Latin, bao gồm số từ 0 đến 9 và chữ cái từ A đến F (không phân biệt chữ in hoa và chữ thường). Định dạng HEX có cú pháp "#rrggbb", trong đó rr, gg, bb lần lượt là giá trị của màu đỏ, xanh lá cây và xanh dương. Mỗi giá trị màu trong HEX dao động từ 00 đến FF trong hệ thập lục phân (tương đương từ 0 đến 255 trong hệ thập phân). Ví dụ: "#808080".
Sử dụng tên màu để định nghĩa trong bảng màu CSS
Ngoài sử dụng RGB và HEX, bảng màu CSS cũng hỗ trợ việc định nghĩa màu sắc bằng tên màu. Bảng màu CSS hỗ trợ khoảng 147 tên màu khác nhau. Ví dụ: "red", "blue", "green". Để sử dụng tên màu, bạn chỉ cần định nghĩa tên màu trong thuộc tính CSS. Ví dụ: color: red.
Qua bài viết này, chúng ta đã cùng nhau tìm hiểu về cách xác định giá trị màu cơ bản trong bảng màu CSS. Việc hiểu và áp dụng các cách xác định màu sẽ giúp bạn thiết kế trang web với màu sắc thích hợp và tự tin hơn.
