课程概览
开发者色彩课程
面向 UI 开发的色彩模型：HEX、RGB、HSL、WCAG 对比度、CSS 格式与实用取色流程。
本课程把 色彩当作开发者需要掌握的设计原语 来学，而不是像素点选教程。你将理解同一色块为何有 HEX、RGB、HSL 等多种写法、对比度如何影响无障碍、浏览器接受哪些 CSS 格式，以及如何把稿面颜色落到可维护的样式表中。
适合谁
- 把 Figma 或品牌规范翻译成 CSS 的前端开发者
- 审查仪表盘文字可读性的全栈工程师
- 疑惑
#RGB与rgb()看起来一样、工具行为却不同的人
你将学到
- 色彩模型与多种格式并存的原因
- 在 HEX、RGB、HSL 之间有意取舍地转换
- WCAG 对比度比值与 UI 文字的 AA/AAA 目标
- 含透明度与现代函数在内的 CSS 颜色语法
- 取色、校验对比度并发布设计令牌的流程
可配合颜色转换器试验。在一台显示器上 hex 一致，不保证在所有屏幕或印刷上感知一致。