考虑解决调色板问题的方法

在今天的 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 - 结尾

资源:

观看更多 GUI 挑战 → https://goo.gle/GUIchallenges

订阅 Google Chrome Developers 频道 → https://goo.gle/ChromeDevs

返回到所有分集