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:
- Thử bản minh hoạ → https://goo.gle/3MAx4NC
- Xem nguồn → https://goo.gle/3n4Sfcg
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