考虑解决调色板问题的方法
使用集合让一切井井有条
根据您的偏好保存内容并对其进行分类。
在今天的 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
arrow_back 返回到所有分集
如未另行说明,那么本页面中的内容已根据知识共享署名 4.0 许可获得了许可,并且代码示例已根据 Apache 2.0 许可获得了许可。有关详情,请参阅 Google 开发者网站政策。Java 是 Oracle 和/或其关联公司的注册商标。
最后更新时间 (UTC):2023-05-17。
[[["易于理解","easyToUnderstand","thumb-up"],["解决了我的问题","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["没有我需要的信息","missingTheInformationINeed","thumb-down"],["太复杂/步骤太多","tooComplicatedTooManySteps","thumb-down"],["内容需要更新","outOfDate","thumb-down"],["翻译问题","translationIssue","thumb-down"],["示例/代码问题","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["最后更新时间 (UTC):2023-05-17。"],[],[]]