Cách sử dụng rgb trong css
Cách đầu tiên và dễ nhất để chỉ định màu là sử dụng một trong 140 từ khóa màu được xác định trước được chỉ định trong CSS Show 17 bản gốc được liệt kê dưới đây. Một đám khó coi MàuTừ khóaGiá trị hexđen#000000xám#808080bạc#c0c0c0white#ffffffmaroon#800000đỏ#ff0000purple#800080fuchsia#ff00ffgreen#008000ColorKeywordHex Valuelime#00ff00olive#808000yellow#ffff00navy#000080blue#00#00ff080#00ff00a50affrange
Tất cả 140 từ khóa màu được liệt kê ở đây theo thứ tự bảng chữ cái. Bạn cũng có thể tìm thấy nhiều danh sách hữu ích hơn tại các trang web này Bạn cũng có thể xem bản in của tất cả các mẫu màu ở trang 304-305 trong Học Thiết Kế Web Giá trị màu RGBHầu hết các bạn có thể đã nghe nói về các giá trị CMYK cho thiết kế in ấn. RGB, viết tắt của màu đỏ, xanh lá cây và xanh dương là mô hình màu mà màn hình sử dụng. Vì trong thiết kế web, chúng tôi chủ yếu quan tâm đến việc các trang web trông như thế nào trên màn hình, nên RGB là mô hình màu chúng tôi sử dụng
Cú pháp CSS để sử dụng màu RGB hơi khác một chút so với những gì chúng ta đã thấy trước đây. Trong ví dụ dưới đây, chúng tôi đang tạo kiểu
Giá trị màu RGBARGBA là tất cả các cơn thịnh nộ Nghiêm túc mà nói, nó giống như RGB, ngoại trừ việc bổ sung giá trị thứ tư. kênh alpha Giá trị alpha biểu thị mức độ trong suốt mà màu rgb nên có. Nó có thể là một giá trị từ 6 hoặc tỷ lệ phần trăm từ 0 đến 1. Lưu ý rằng bạn phải chỉ định 9 thay vì 0HSLMô hình màu HSL là một trong những mô hình ít được sử dụng nhất, nhưng thu hút được sự chú ý vì có thể sử dụng trực quan hơn khi làm việc với các sắc thái và điều chỉnh màu sắc HSL là viết tắt của. màu sắc, độ bão hòa và độ sáng HuếHue được xác định bởi một bánh xe màu. Mỗi màu đại diện cho một mức độ trên bánh xe. Trang này hiển thị hình ảnh động đẹp mắt của bánh xe màu bão hòaCác hộp bên dưới thể hiện các mức độ bão hòa khác nhau (cường độ màu) cho sắc độ ở 240°. Giá trị độ sáng được đặt ở mức 50% cho mỗi hộp nhẹ nhàngĐây là cùng một sắc độ (240°) được hiển thị ở các mức độ đậm nhạt khác nhau với độ bão hòa 100% Ví dụ lưới màu HSLLưới này hiển thị độ bão hòa và độ sáng khác nhau cùng nhau HSLAHSLA chỉ đơn giản là mô hình màu HSL có thêm kênh alpha. Điều này hoạt động chính xác giống như kênh alpha trong RGBA
Giá trị màu thập lục phânCó lẽ cách phổ biến nhất (nhưng ít trực quan nhất) để chỉ định màu trong CSS là sử dụng các giá trị thập lục phân (hoặc hex) của chúng. Các giá trị hex thực ra chỉ là một cách khác để biểu diễn các giá trị RGB. Thay vì sử dụng ba số giữa 3 và 4. Các giá trị hex luôn có tiền tố là ký hiệu #Dưới đây là một số quy tắc quy tắc CSS cơ bản sử dụng các giá trị hex
Ký hiệu tốc ký cho các giá trị hexNếu cả hai chữ số của các giá trị màu đỏ, xanh lục và xanh dương đều giống nhau, bạn có thể sử dụng ký hiệu ba chữ số ngắn. Điều này được thể hiện rõ nhất bằng một ví dụ Làm cách nào để tô màu với RGB trong CSS?Ví dụ: rgb(255, 0, 0) được hiển thị là màu đỏ, vì màu đỏ được đặt thành giá trị cao nhất (255) và các giá trị khác được đặt thành 0. Để hiển thị màu đen, đặt tất cả các tham số màu thành 0, như thế này. rgb(0, 0, 0) . Để hiển thị màu trắng, đặt tất cả các tham số màu thành 255, như thế này. rgb(255, 255, 255).
Số RGB được sử dụng trong CSS là gì?rgb() Ký hiệu chức năng rgb() thể hiện một màu theo các thành phần đỏ, lục và lam của nó . Một thành phần alpha tùy chọn thể hiện độ trong suốt của màu.
Làm cách nào để sử dụng mã màu trong CSS?Cách phổ biến nhất để chỉ định màu trong CSS là sử dụng giá trị thập lục phân (hoặc hex) của chúng . Các giá trị hex thực ra chỉ là một cách khác để biểu diễn các giá trị RGB. Thay vì sử dụng ba số từ 0 đến 255, bạn sử dụng sáu số thập lục phân. Số hex có thể là 0-9 và A-F.
4 cách để đặt màu trong CSS là gì?Có một số cách khác nhau để chỉ định màu trong CSS. . từ khóa màu thập lục phân |