Web 安全色完整图鉴

Web 安全色（Web-safe Colors）诞生于 1990 年代中后期，当时主流显示器仅支持 256 色（8-bit 色彩深度）。为了确保网页在不同操作系统（Windows、Mac、Unix）和浏览器中呈现一致的色彩，业界从 256 色调色板中筛选出 216 种通用颜色——这些颜色由 R、G、B 三个通道各取 6 个等间距值（0x00、0x33、0x66、0x99、0xCC、0xFF）排列组合而成（6×6×6=216）。剩余的 40 个色位保留给操作系统 UI 使用，因此 216 色成为跨平台最可靠的"通用调色板"。

在现代，几乎所有设备都支持 24-bit 真彩色（约 1677 万色），Web 安全色已不再作为硬性约束。但它在以下场景中仍有参考价值：① 复古/怀旧风格设计（如 pixel art、 synthwave 美学）；② 快速原型与低保真线框图——使用有限调色板可加速决策；③ 数据可视化——216 色提供了均匀分布的色相空间，适合作为分类色板的基础；④ 电子邮件 HTML——部分老旧邮件客户端仍对色彩有限制。了解这段历史也有助于理解 CSS 色彩规范的演进脉络。

Web 安全色的每个通道值均为 00、33、66、99、CC、FF 之一。将每对重复的两位十六进制数简化为一位，即得到 3 位短格式：00→0, 33→3, 66→6, 99→9, CC→C, FF→F。例如 #FF9933 → #F93、#336699 → #369、#CCCCFF → #CCF。这是 CSS 规范允许的合法简写，所有现代浏览器均支持。反过来，3 位格式通过将每个字符重复一次来还原为 6 位格式（如 #F93 → #FF9933）。

判断方法很简单：将颜色的 R、G、B 十进制值分别除以 51（即 0x33），如果能整除且结果为 0~5 之间的整数，则该颜色属于 Web 安全色。换句话说，RGB 的十六进制表示中，每个通道必须是 00、33、66、99、CC、FF 之一。例如 rgb(204, 153, 102) → 204÷51=4(C)、153÷51=3(9)、102÷51=2(6) → #CC9966，是 Web 安全色。而 rgb(200, 150, 100) 则不是，因为 200÷51≈3.92 不能整除。

本工具将 216 色按照 红色（R）分量 分为 6 个面板（R=00, 33, 66, 99, CC, FF），每个面板内部是一个 6×6 网格：纵向为绿色（G）从 00 到 FF 递进，横向为蓝色（B）从 00 到 FF 递进。这种排列方式直观展示了 RGB 色彩空间的结构——固定红色通道后，绿蓝平面上的 36 种颜色变化一览无余。点击任意色块即可复制其完整 6 位 Hex 色值（如 #FF9933），搜索框支持 3 位短格式和 6 位完整格式的模糊查找。