Suy nghĩ cách giải quyết bảng màu
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Trong Thử thách GUI hôm nay, @AdamArgyleInk xây dựng một bảng màu gam màu rộng bằng okLCH, kiểm tra các cặp màu dễ tiếp cận trong quá trình sử dụng, kiểm tra màu bằng công cụ cho nhà phát triển và trình bày nhiều thủ thuật gọn gàng khác để tận dụng các tính năng của không gian màu web mới này.
Phân cảnh:
- 0:00 – Giới thiệu
- 0:24 - HSL và LCH
- 2:09 - caniuse
- 2:50 – Tổng quan về bản minh hoạ
- 3:51 – Màu okLCH đầu tiên
- 5:14 - Công cụ chọn màu của công cụ Gamut rộng
- 6:53 – Màu okLCH khác
- 9:40 – tổng quan về oklch.com
- 11:05 – Thêm màu okLCH
- 14:08 – okLCH và Độ tương phản có thể truy cập
- 16:08 – Sử dụng bảng khung hiển thị
- 19:12 – Điều chỉnh Hue
- 20:28 – Điều chỉnh ánh xạ để kiểm soát độ tương phản
- 22:05 – Tóm tắt
- 22:53 - Góc gỡ lỗi
- 23:22 - Kết thúc
Tài nguyên:
Xem thêm Thử thách GUI → https://goo.gle/GUIchallenges
Đăng ký theo dõi kênh Google Chrome Developers → https://goo.gle/ChromeDevs
arrow_back Quay lại trang tất cả các tập
Trừ phi có lưu ý khác, nội dung của trang này được cấp phép theo Giấy phép ghi nhận tác giả 4.0 của Creative Commons và các mẫu mã lập trình được cấp phép theo Giấy phép Apache 2.0. Để biết thông tin chi tiết, vui lòng tham khảo Chính sách trang web của Google Developers. Java là nhãn hiệu đã đăng ký của Oracle và/hoặc các đơn vị liên kết với Oracle.
Cập nhật lần gần đây nhất: 2023-05-17 UTC.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2023-05-17 UTC."],[],[]]