Computer >> Máy Tính >  >> Lập trình >> CSS

Xác định màu sắc trong CSS3

Để xác định màu trong CSS3, hãy sử dụng RGB, RGBA, HSL và HSLA. Cùng với đó, bạn có thể sử dụng giá trị màu và giá trị thập lục phân cũng có thể được sử dụng để xác định màu -

CSS3 RGBA giá trị màu dành cho Red, Green, Blue và Alpha. Alpha là độ mờ của màu, tức là một số trong khoảng từ 0,0 đến 1,0. Ở đây, 1.0 sẽ là hoàn toàn không rõ ràng. Tại đây, chúng ta có thể thấy sự khác biệt về độ mờ được tạo bằng tham số Alpha trong RGBA -

Xác định màu sắc trong CSS3

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ cho các giá trị màu RGBA -

       

Cricketers

David Warner

Steve Smith

Mark Waugh

Steve Waugh

David Johnson

Andy Bichel

Đầu ra

Xác định màu sắc trong CSS3

CSS3 HSL là dành cho Hue, Saturation và Lightness khi màu được đặt cho các phần tử. Giá trị Hue là từ 0 đến 260, trong đó 0 hoặc 360 cho màu đỏ, 240 cho màu xanh lam, trong khi 120 cho màu xanh lục. Độ bão hòa và độ sáng là một giá trị phần trăm.

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ cho các giá trị màu HSL -

       

Cricketers

David Warner

Steve Smith

Mark Waugh

Steve Waugh

David Johnson

Andy Bichel

Đầu ra

Xác định màu sắc trong CSS3

Giá trị màu HSLA dành cho Hue, Saturation, Lightness và Alpha. Alpha là độ mờ của màu, tức là một số trong khoảng từ 0,0 đến 1,0. Ở đây, 0,0 là trong suốt hoàn toàn, trong khi 1,0 là hoàn toàn không trong suốt.

Ví dụ

Bây giờ chúng ta hãy xem một ví dụ -

       

VĐV cricket

David Warner

Steve Smith

Mark Waugh

Steve Waugh

David Johnson

Andy Bichel

Đầu ra

Xác định màu sắc trong CSS3

Ví dụ

Bây giờ, hãy cùng chúng tôi xem cách đặt màu có giá trị thập lục phân -

       

Tiêu đề Demo

Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo. Đây là văn bản demo.

Đầu ra

Xác định màu sắc trong CSS3