Sử dụng các giá trị màu tích hợp sẵn, xác định màu tùy chỉnh và sử dụng kênh alpha.
Mô tả
Sử dụng phép liệt kê màu sắc, bạn có thể dễ dàng sử dụng các màu được xác định bởi biểu định kiểu xếp chồng (css) của html. Ví dụ: color.red trả về màu đỏ thuần. Bạn có thể tìm thấy danh sách các màu ở cuối chủ đề này.
Hàm colorvalue trả về màu theo chuỗi màu trong css. Chuỗi có thể có bất kỳ dạng nào sau đây:
- tên màu css: “roxybrown” và “olive grey” là các ví dụ. Những tên này không chứa dấu cách. Danh sách các màu được hỗ trợ sẽ xuất hiện sau trong chủ đề này.
- Giá trị thập lục phân 6 chữ số: ví dụ: “#ffd700” cho “vàng”. Một chuỗi ở định dạng “#rrggbb”, trong đó rr là phần màu đỏ của hai chữ số thập lục phân, gg là phần màu lục và bb là phần màu xanh lam.
- Giá trị hex 8 chữ số: Ví dụ: “#ff7f5080” giống như “san hô”, với 50 %. kênh Alpha. Một chuỗi có dạng “#rrggbbaa” trong đó rr, gg và bb giống với các số có 6 chữ số. Kênh alpha được đại diện bởi aa: 00 cho hoàn toàn trong suốt, ff cho hoàn toàn mờ đục.
- Tên màu – bắt buộc. Tên màu của biểu định kiểu xếp chồng lên nhau (css). Một danh sách liệt kê có thể sẽ xuất hiện ở cuối chủ đề này.
- csscolor – Bắt buộc. Xác định các màu của biểu định kiểu (css) xếp chồng lên nhau. Bạn có thể chỉ định tên chẳng hạn như olivedrab hoặc giá trị thập lục phân như #6b8e23 hoặc #7fffd420. Các giá trị có thể có dạng #rrggbb hoặc #rrggbbaa.
- Chưa gõ – bắt buộc. Một đối tượng chưa được nhập có chứa một chuỗi biểu thị biểu định kiểu xếp tầng (css) xác định màu.
- Đỏ, Lục, Lam – Yêu cầu. Các giá trị thành phần màu, nằm trong khoảng từ 0 (không bão hòa) đến 255 (bão hòa hoàn toàn).
- alpha – yêu cầu. Thành phần alpha, nằm trong khoảng từ 0 (hoàn toàn trong suốt) đến 1 (hoàn toàn mờ đục). Bạn cũng có thể sử dụng tỷ lệ phần trăm, từ 0% đến 100%.
- Màu sắc – Bắt buộc. Giá trị màu, chẳng hạn như đầu ra của color.red hoặc colorvalue hoặc rgba .
- fadeamount – Bắt buộc. Một số giữa -1 và 1. -1 làm tối màu hoàn toàn thành màu đen, 0 không ảnh hưởng đến màu và 1 làm sáng màu hoàn toàn thành màu trắng. Bạn cũng có thể sử dụng tỷ lệ phần trăm từ -100% đến 100%.
Hàm rgba trả về màu dựa trên các phần tử đỏ, lục và lam. Tính năng này cũng bao gồm một kênh alpha cho các điều khiển khớp màu được xếp lớp với nhau. Kênh alpha thay đổi từ 0 hoặc 0% (hoàn toàn trong suốt và vô hình) đến 1 hoặc 100% (hoàn toàn mờ đục và chặn hoàn toàn mọi lớp phía sau điều khiển).
Hàm colorfade trả về phiên bản sáng hơn hoặc tối hơn của một màu. Mức độ mờ dần thay đổi từ -1 (làm tối hoàn toàn màu thành màu đen) thành 0 (không ảnh hưởng đến màu) đến 1 (làm sáng hoàn toàn màu thành màu trắng).
Kênh alpha
Trong ứng dụng canvas, bạn có thể xếp lớp các điều khiển ở phía trước nhau và chỉ định độ trong suốt của điều khiển cho bất kỳ điều khiển nào ở phía sau. Từ đó, màu sắc sẽ hòa trộn qua các lớp. Ví dụ: hình ảnh này cho biết cách 3 màu cơ bản hòa trộn với cài đặt alpha 50%:
Bạn cũng có thể trộn hình ảnh ở định dạng tệp hỗ trợ kênh alpha. Ví dụ: bạn không thể trộn các tệp .jpeg nhưng có thể trộn các tệp .png. Hình ảnh bên dưới hiển thị các màu đỏ, xanh lá cây và xanh lam giống như ví dụ trước, nhưng màu đỏ xuất hiện dưới dạng hình vuông (thay vì hình tròn) trong tệp .png có kênh alpha 50%:
Nếu bạn chỉ định giá trị liệt kê màu hoặc xây dựng công thức giá trị màu bằng cách sử dụng tên màu hoặc giá trị thập lục phân gồm 6 chữ số, cài đặt alpha sẽ là 100%. là hoàn toàn mờ đục.
Cú pháp
màu.tên màu
Giá trị màu( csscolor )
Giá trị màu (chưa nhập)
rgba (đỏ, lục, lam, alpha)
phai màu (màu sắc, mức độ phai màu)