在今天的 GUI 挑战中,@AdamArgyleInk 使用 okLCH 构建了广色域调色板,在此过程中检查可访问的颜色对,使用 devtools 检查颜色,并展示许多其他好用的技巧,以充分利用以下新的网页颜色空间的功能。
章节:
- 0:00 - 简介
- 0:24 - HSL 和 LCH
- 2:09 - 小狗
- 2:50 - 演示概览
- 3:51 - 第一个 okLCH 颜色
- 5:14 - 广色域开发者工具颜色选择器
- 6:53 - 更多 okLCH 颜色
- 9:40 - oklch.com 概览
- 11:05 - 更多 okLCH 颜色
- 14:08 - okLCH 和无障碍对比度
- 16:08 - 调色板的使用
- 19:12 - 色调调整
- 20:28 - 对比度控制的映射调整
- 22:05 - 要点回顾
- 22:53 - 调试角
- 23:22 - 结尾
资源:
- 试用演示 → https://goo.gle/3MAx4NC
- 获取源代码 → https://goo.gle/3n4Sfcg
观看更多 GUI 挑战 → https://goo.gle/GUIchallenges
订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs