WEB安全色对照表大全

这张色表提供什么

页面展示一组由红、绿、蓝三个通道组合生成的颜色样本，可查看色块、六位十六进制值和对应的 RGB 值。每个通道分别从 00、33、66、99、CC、FF 六个十六进制数值中取一个，因此共有 6×6×6=216 种组合。比如 #3366CC 对应 rgb(51, 102, 204)。

这里的“Web 安全色”是传统色表名称，不表示颜色经过无障碍、安全或品牌合规认证。现代 CSS 颜色可用多种格式表示；W3C 的 CSS Color 规范定义了相关颜色值语法与色彩空间。查看 W3C CSS Color Module Level 4。这张工具色表只展示上述固定的 RGB 组合，并不列出完整 CSS 命名颜色。

搜索和显示选项

搜索框会在这216个项目中按十六进制字符串或 RGB 字符串筛选，输入不区分大小写；可以输入片段来缩小列表。显示选项允许选择以 Hex 或 RGB 作为主要显示值，卡片仍同时展示色值信息。点击某个色块会复制当前显示格式的代码。

工具不提供颜色名称字段，也不支持把任意颜色自动转换为最近邻色。若输入的片段没有匹配项目，结果列表会显示无匹配状态。例：搜索 #003 可按 Hex 文本找到包含该片段的色值；搜索 rgb(51 则可筛选 RGB 字符串中含有该片段的项目。

读取 Hex 与 RGB 数值

Hex 色值写作 #RRGGBB，其中 RR、GG、BB 分别表示红、绿、蓝通道的十六进制数。每个通道两位十六进制可换算为 0 到 255 的十进制值。例如 #FF3300 中，FF=255、33=51、00=0，因此 RGB 为 rgb(255, 51, 0)。本工具的色表只使用每通道六个离散等级，所以不会包含所有可能的 RGB 颜色。

页面里的色块用于快速视觉浏览，复制得到的数值适合粘贴到 CSS 声明或设计备注。最终颜色仍应放到实际前景、背景和设备环境中检查。

查找、切换格式并复制色值

1. 在搜索框输入 Hex 片段或 RGB 文本片段；清空搜索可恢复全部色块。

2. 在显示格式选择中切换 Hex 或 RGB，查看希望复制的写法。

3. 浏览匹配色块，点击目标色块即可复制当前显示格式的颜色值。

4. 将代码粘贴到 CSS 或设计文档中，并在目标页面核对显示效果与对比度。

例如选择 #3366CC 时，Hex 模式复制 #3366CC，RGB 模式复制 rgb(51, 102, 204)。

关于色值查询的常见问题

显示效果与使用限制

色块是屏幕预览，显示器、系统色彩管理、浏览器和周围环境可能影响人的视觉判断。实际项目应以色值为准，并在目标设备中查看。传统“安全色”说法也不意味着满足无障碍对比度、品牌指南或印刷颜色要求；尤其是文字颜色，应针对实际背景另行评估。

搜索匹配的是当前色值字符串，因此输入部分文本可能匹配多个结果，也可能无结果。此页面不含 CSS 命名色，也不为输入的任意色彩计算替代色。