无障碍设计
如何按照 WCAG 检查文字颜色对比度
测量前景与背景对比度，理解 AA 和 AAA 阈值，并在不靠猜测的情况下修复不合格文字。
阅读指南 →实用颜色知识
网页颜色与 CSS 指南
通过可操作的示例学习 CSS 文字、背景、链接、颜色格式、对比度、混色与透明度。
颜色计算
数字颜色混合与透明度原理
了解屏幕颜色如何混合、Alpha 合成如何改变最终外观，以及如何生成有用的颜色过渡色阶。
阅读指南 →CSS 背景
CSS 背景颜色：实用写法与示例
正确设置纯色、透明和分层 CSS 背景，同时保持文字对比度和可预测的颜色结果。
阅读指南 →CSS 状态
如何无障碍地设置 CSS 链接与 Placeholder 颜色
为链接、悬停、访问和 placeholder 状态选择易识别、可阅读且适合键盘操作的颜色。
阅读指南 →颜色格式
HEX、RGB 与 HSL 有什么区别？
理解 HEX、RGB 和 HSL 如何表示同一种屏幕颜色、Alpha 如何工作，以及每种 CSS 格式适合什么场景。
阅读指南 →CSS 基础
如何在 HTML 和 CSS 中设置文字颜色
学习使用十六进制、RGB、HSL 和 CSS 变量设置可读文字颜色，并正确处理对比度与回退方案。
阅读指南 →