Sử dụng màu sắc để tạo điểm nhấn và tăng tương tác trong thiết kế. Trên website iedv, chúng tôi cung cấp một bảng liệt kê các màu sắc đa dạng để bạn lựa chọn. Đồng thời, chúng tôi cũng giới thiệu các hàm ColorFade, ColorValue và RGBA để bạn tạo ra những màu sắc độc đáo và tùy chỉnh.
Mô tả
Sử dụng phép liệt kê màu sắc, bạn có thể trực quan hóa ý tưởng thiết kế của mình dễ dàng hơn. Ví dụ, color.red trả về màu đỏ thuần khi sử dụng các kiểu xếp chồng (css) của HTML. Bạn có thể tìm thấy danh sách các màu sắc chi tiết ở cuối bài viết này.
Hàm colorvalue cho phép bạn xác định màu theo chuỗi màu trong CSS. Chuỗi có thể có dạng tên màu CSS như “roxybrown” hoặc “olive grey”, hoặc giá trị thập lục phân như “#ffd700” cho màu vàng. Hàm rgba trả về màu dựa trên các thành phần đỏ, lục và lam và bổ sung thêm kênh alpha để điều chỉnh độ trong suốt của màu.
Hàm colorfade giúp bạn tạo ra phiên bản màu sáng hơn hoặc tối hơn. Bạn có thể điều chỉnh mức độ mờ dần của màu từ -1 (tối hoàn toàn màu thành màu đen) đến 1 (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 chồng các điều khiển và đặt độ trong suốt cho mỗi điều khiển đó. Nhờ đó, các màu sắc có thể hòa trộn với nhau. Ví dụ, hình ảnh dưới đây cho thấy 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ụ như .png. Hình ảnh dưới đây cho thấy cách các màu hòa trộn trong một tệp .png có kênh alpha 50%:
Nếu bạn chỉ định giá trị màu bằ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ẽ mặc định là 100%, tức là hoàn toàn mờ đục.
Cú pháp
màu.tên màu: Tên màu được liệt kê trong các biểu thức xếp chồng lên nhau (CSS). Danh sách các màu được hỗ trợ sẽ xuất hiện cuối bài viết này.giá trị màu (csscolor): Xác định màu sắc bằng chuỗi giá trị màu trong CSS. Chuỗi có thể là tên màu như “olivedrab” hoặc giá trị thập lục phân như “#6b8e23” hoặc “#7fffd420”. Các giá trị có thể là “#rrggbb” hoặc “#rrggbbaa”.giá trị màu (chưa nhập): Đối tượng chưa được nhập chứa một chuỗi biểu thị màu theo CSS.rgba (đỏ, lục, lam, alpha): Các thành phần màu từ 0 đến 255 và thành phần alpha từ 0 đến 1, hoặc từ 0% đến 100%.phai màu (màu sắc, mức độ phai màu): Màu sắc được xác định bằngcolor.red,colorvaluehoặcrgbavà mức độ phai màu từ -1 đến 1, hoặc từ -100% đến 100%.
Màu tổng thể
Tận dụng bảng liệt kê màu và các hàm màu sắc trên website iedv để tạo ra những thiết kế độc đáo và tương tác. Xem danh sách màu chi tiết tại iedv.