4 cách để đặt màu trong CSS là gì?

Thử nó

Để biết tổng quan về cách sử dụng màu trong HTML, hãy xem Áp dụng màu cho các thành phần HTML bằng CSS

cú pháp

/* Keyword values */
color: currentcolor;

/*  values */
color: red;
color: orange;
color: tan;
color: rebeccapurple;

/*  values */
color: #090;
color: #009900;
color: #090a;
color: #009900aa;

/*  values */
color: rgb(34, 12, 64, 0.6);
color: rgba(34, 12, 64, 0.6);
color: rgb(34 12 64 / 0.6);
color: rgba(34 12 64 / 0.3);
color: rgb(34 12 64 / 60%);
color: rgba(34.6 12 64 / 30%);

/*  values */
color: hsl(30, 100%, 50%, 0.6);
color: hsla(30, 100%, 50%, 0.6);
color: hsl(30 100% 50% / 0.6);
color: hsla(30 100% 50% / 0.6);
color: hsl(30 100% 50% / 60%);
color: hsla(30.2 100% 50% / 60%);

/*  values */
color: hwb(90 10% 10%);
color: hwb(90 10% 10% / 0.5);
color: hwb(90deg 10% 10%);
color: hwb(1.5708rad 60% 0%);
color: hwb(0.25turn 0% 40% / 50%);

/* Global values */
color: inherit;
color: initial;
color: revert;
color: revert-layer;
color: unset;

Thuộc tính color được chỉ định dưới dạng một giá trị

color = 
    

Lưu ý rằng giá trị phải là một color thống nhất. Nó không thể là một

color = 
    

color = 
    

giá trị

color = 
    

Đặt màu cho các phần văn bản và trang trí của phần tử

Mối quan tâm về khả năng tiếp cận

Điều quan trọng là phải đảm bảo rằng tỷ lệ tương phản giữa màu của văn bản và nền mà văn bản được đặt lên đủ cao để những người có thị lực kém vẫn có thể đọc được nội dung của trang

Tỷ lệ tương phản màu được xác định bằng cách so sánh độ sáng của văn bản và giá trị màu nền. Để đáp ứng Nguyên tắc truy cập nội dung web (WCAG) hiện tại, tỷ lệ 4. 5. 1 là bắt buộc đối với nội dung văn bản và 3. 1 cho văn bản lớn hơn như tiêu đề. Văn bản lớn được định nghĩa là 18. 66px và in đậm hoặc lớn hơn hoặc 24px hoặc lớn hơn

• WebAIM. Trình kiểm tra độ tương phản màu
• MDN Hiểu về WCAG, Hướng dẫn 1. 4 lời giải thích
• Hiểu Tiêu chí Thành công 1. 4. 3. W3C Hiểu WCAG 2. 0

định nghĩa chính thức

Giá trị ban đầu ______ 13 Áp dụng cho tất cả các phần tử và văn bản. Nó cũng áp dụng cho

color = 
    

color = 
    

Làm cách nào để đặt màu trong CSS?

3 cách để chỉ định màu sắc trong HTML là gì?

3 loại giá trị màu khác nhau mà bạn có thể sử dụng với CSS là gì?

Có bao nhiêu màu CSS?