Web 安全色表

这是 Web 安全色色表和转换器。216 色每个通道只取 00、33、66、99、CC 或 FF。贴一颗 HEX 会落到最近的安全色:#3B82F6 变成 #3399FF。

#3B82F6
#3399FF

点一下即可复制

示例,点色块填入

点色块或表格行即可复制 HEX。

HEX R G B H S L

Web 安全色表

这是 Web 安全色色表和转换器。Netscape 的 216 色每通道 6 档:00、33、66、99、CC、FF,一共 6³ = 216。贴 HEX、rgb() 或 hsl(),每通道就近到 51 的倍数。#3B82F6 变成 #3399FF。#000000、#FFFFFF 以及灰阶 #333333、#666666、#999999、#CCCCCC 都在表里。现代屏幕不需要这套色;给 GIF 和上世纪说明当对照。旁边的 HEX 转 RGB 不做就近。颜色转换有 HSL,没有这 216 格。

如何使用

  1. 贴 HEX 或取色。右边色块是就近后的安全色。卡片显示这颗安全色的 RGB 和 HSL。
  2. 芯片复制 HEX、rgb()、hsl()。复制结果复制安全色 HEX。
  3. 显示示例把 #3B82F6 落到 #3399FF。其它芯片:#FF5733 → #FF6633、#808080 → #999999、#DC2626 → #CC3333。
  4. 色表列出全部 216。排序:RGB 立方(#00xxxx … #FFxxxx)、色相、明度。筛选 HEX(输入 99 会留下 #3399FF)。点色块或表格行会复制 HEX 并选中。
  5. 复制全部 HEX 按当前筛选,一行一个。取色器在浏览器支持时读取屏幕像素。

6 × 6 × 6 立方

每通道是 0、51、102、153、204、255。就近规则是 51 × round(n / 51)。表格列是 HEX、R、G、B、H、S、L。立方顺序 R 最慢,再 G,再 B。色相排序先灰度(S 0%),再按 30° 分段。明度每档 20%。筛选匹配 HEX 子串,不必写 #。

用在哪里

  • 对 GIF 色板、旧 HTML 色表。
  • 讲清 256 色显示器上为什么会有Web 安全色。
  • 把品牌 HEX 收到 216 里做复古稿——不是现代界面的首选。

常见问题

现在还要强制用吗?

不用。真彩色屏幕远不止 216 色。这张表留给历史、GIF 和点名这些 HEX 的说明。

为什么 #3B82F6 → #3399FF?

R 59 → 51(#33),G 130 → 153(#99),B 246 → 255(#FF)。

会上传吗?

不会。216 色在页面里生成。

相关工具

通道值:HEX 转 RGB。HSL 和对比度:颜色转换。可打印色块:调色板。