Hướng dẫn how do you give rgb color in html? - làm thế nào để bạn cung cấp màu rgb trong html?
|
Màu HTML được xác định với tên màu được xác định trước hoặc với các giá trị RGB, HEX, HSL, RGBA hoặc HSLA. Show Tên màuTrong HTML, một màu có thể được chỉ định bằng cách sử dụng tên màu: Hãy tự mình thử » HTML hỗ trợ 140 tên màu tiêu chuẩn. Màu nềnBạn có thể đặt màu nền cho các phần tử HTML: Chào thế giới Lorem ipsum door ngồi ampe, tin cậy elit elit, sed diam nomummy nibh euismod tincidunt ut laoreet doore magna aliquum eraat volutpat. Ut wisi enm quảng cáo tối thiểu veniam, quis nostrud thí nghiệm tation tation ullamcorper suscipit lobor viêm nnis alquip ex ea commodo hậu quả. Thí dụXin chào Worldlorem Ipsum. Lorem ipsum... Hãy tự mình thử » Văn bản màuBạn có thể đặt màu của văn bản: Chào thế giớiLorem ipsum door ngồi ampe, tin cậy elit elit, sed diam nomummy nibh euismod tincidunt ut laoreet doore magna aliquum eraat volutpat. Ut wisi enm quảng cáo tối thiểu veniam, quis nostrud thí nghiệm tation tation ullamcorper suscipit lobor viêm nnis alquip ex ea commodo hậu quả. Thí dụ Thí dụXin chào Worldlorem Ipsum. Lorem ipsum... Ut wisi enim... Hãy tự mình thử » Văn bản màuBạn có thể đặt màu của văn bản: Chào thế giớiChào thế giớiChào thế giớiThí dụXin chào Worldlorem Ipsum. Hello WorldHello WorldHãy tự mình thử » Văn bản màuBạn có thể đặt màu của văn bản: Lorem ipsum door ngồi ampe, tin cậy elit elit, sed diam nomummy nibh euismod tincidunt ut laoreet doore magna aliquum eraat volutpat. Ut wisi enm quảng cáo tối thiểu veniam, quis nostrud thí nghiệm tation tation ullamcorper suscipit lobor viêm nnis alquip ex ea commodo hậu quả. #ff6347 Xin chào thế giới ipsum ... ut wisi enm. Màu viền Bạn có thể đặt màu của biên giới: Xin chào thế giới thế giới thế giới Giá trị màuTrong HTML, màu sắc cũng có thể được chỉ định bằng các giá trị RGB, giá trị HEX, giá trị HSL, giá trị RGBA và giá trị HSLA. ......Ba yếu tố sau đây có màu nền của chúng với các giá trị RGB, HEX và HSL: ...Hãy tự mình thử » Văn bản màuBạn có thể đặt màu của văn bản: Cách phổ biến nhất để tô màu văn bản HTML là bằng cách sử dụng mã màu thập lục phân (mã ngắn hex). Chỉ cần thêm một thuộc tính kiểu vào phần tử văn bản bạn muốn tô màu - một đoạn văn trong ví dụ dưới đây - và sử dụng thuộc tính màu với mã hex của bạn. Red paragraph text Không có mã hex? Đừng lo lắng, hãy sử dụng bộ chọn màu của chúng tôi để duyệt hàng triệu màu với mã màu hex, và nhiều hơn nữa. Màu văn bản sử dụng tên màu HTMLMột cách khác để tô màu văn bản trang web của bạn là sử dụng tên màu HTML. Mã HTML tương tự, chỉ cần thay thế mã HEX từ bước trước bằng tên của màu bạn muốn sử dụng (màu đỏ trong ví dụ của chúng tôi). Có 140 màu được đặt tên để lựa chọn và chúng tôi đã biên soạn một danh sách mà bạn có thể xem ở đây.
Bản demo trên CodepenMàu văn bản sử dụng giá trị màu RGBSử dụng các giá trị RGB là tất cả các cơn thịnh nộ ngày nay, nhưng nó cũng dễ dàng như mã HEX hoặc tên màu. Chèn các giá trị RGB của bạn trong tham số RGB () theo thuộc tính màu. Bạn có thể sử dụng trình chọn màu của chúng tôi để nhận giá trị RGB ngoài mã HEX.
Bản demo trên CodepenKhi sử dụng giá trị RGB trong trang web của bạn, bạn cũng có thể chỉ định độ mờ. Thay vì RGB () sử dụng RGBA () - A là dành cho alpha, kênh màu kiểm soát độ mờ - và sau ba giá trị màu của bạn thêm thứ tư cho độ mờ, trên thang điểm từ 0 - 1 (0 cho hoàn toàn trong suốt, 1 cho hoàn toàn mờ đục).
Bản demo trên CodepenMàu văn bản bằng cách sử dụng các giá trị màu HSLPhương pháp thứ tư để thêm màu là bằng cách sử dụng các giá trị HSL.Tương tự như cú pháp RGB được mô tả ở trên, HSL sử dụng tiền tố HSL () và ba giá trị cho màu sắc, độ bão hòa và độ nhẹ.Huế được biểu thị theo thang điểm 0 - 360, trong khi độ bão hòa và độ sáng mỗi tỷ lệ phần trăm từ 0% đến 100%.
Bản demo trên CodepenGiống như RGB, khi sử dụng HSL, bạn có thể sửa đổi độ mờ màu ngay trong thuộc tính màu.Sử dụng tiền tố HSLA () và bao gồm giá trị thứ tư trong khoảng từ 0 đến 1 cho mức độ mờ mà bạn cần.
Bản demo trên Codepen |
