4 分钟
什么是 RGB
解释 RGB 的含义、0-255 三通道规则,以及网页开发里为什么经常会看到 RGB、RGBA 和 HEX。
阅读文章颜色知识
这里集中整理 RGB、HEX、网页配色、对比度和 CSS 渐变等解释型内容,适合先理解规则,再回到工具页做实际转换和校对。
工具页负责直接算结果,知识页负责解释为什么这样算、什么时候该这样用。
如果你是刚开始搭颜色体系,优先从基础概念、配色方法和可读性规则三条线入手。
首批先覆盖最常见的 5 类问题,后续会继续扩展。
4 分钟
解释 RGB 的含义、0-255 三通道规则,以及网页开发里为什么经常会看到 RGB、RGBA 和 HEX。
阅读文章4 分钟
说明 HEX 颜色值的组成规则、3 位 / 6 位 / 8 位写法,以及它和 RGB、RGBA 的关系。
阅读文章5 分钟
从品牌主色、中性色、强调色和可读性四个角度,梳理网页配色的实用选择方法。
阅读文章5 分钟
用更容易理解的方式解释 WCAG 对比度等级、通过标准,以及正文、按钮、标签该怎么判断是否可读。
阅读文章4 分钟
比较线性渐变和径向渐变在方向、焦点、背景尺寸和适用场景上的差异。
阅读文章读完文章后,可以直接回到这些高频颜色工具做实际操作。