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