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

Giá trị màu CSS3 RGBA, HSL và HSLA

Giá trị màu CSS3 RGBA dành cho Đỏ, Xanh lục, Xanh lam 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 -

Giá trị màu CSS3 RGBA, HSL và HSLA

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

Giá trị màu CSS3 RGBA, HSL và HSLA

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

Giá trị màu CSS3 RGBA, HSL và HSLA

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ụ

       

VĐV cricket

David Warner

Steve Smith

Mark Waugh

Steve Waugh

David Johnson

Andy Bichel

Đầu ra

Giá trị màu CSS3 RGBA, HSL và HSLA