Token导航 LogoToken导航TokenDH.com

216 色表 · 最近安全色匹配 · 浏览器本地处理

WEB安全

在线查看完整 216 个 WEB 安全色,并把任意 HEX 颜色映射到最近安全色,适合旧站兼容和前端配色参考。

完整 216 色表

一次查看经典 WEB 安全色全集,适合旧站改版、兼容性排查和配色参考。

任意颜色最近色匹配

输入任意 HEX 颜色后,页面会自动给出最近的 WEB 安全色,减少人工比对。

本地处理

颜色输入、映射和色表查询都在浏览器本地完成,不上传服务器。

216 色表 · 浏览器本地处理

WEB 安全色查询与最近色匹配

支持查看完整 216 个 WEB 安全色,也能把任意 HEX 颜色就近映射到最近安全色,适合旧站兼容和前端配色参考。

当前颜色

#4F46E5

rgb(79, 70, 229)

最近的 WEB 安全色

#6633CC

rgb(102, 51, 204)

当前颜色不是 WEB 安全色,最近色距离为 38.92。

完整 WEB 安全色表

共 216 个颜色,点击任意色块可直接加载到左侧。

216 色
已载入默认颜色,可以直接查看最近的 WEB 安全色。

工具使用说明

WEB安全色 怎么用

1

输入或挑选颜色

可以直接输入 HEX,也可以点击色表中的任意安全色作为参考。

2

查看最近安全色

页面会自动判断当前颜色是不是 WEB 安全色,并给出最近映射结果。

3

复制 HEX 继续使用

确认后可以直接复制最近安全色,继续放到 CSS、设计规范或旧站样式里。

功能说明

这个工具解决什么问题

WEB安全色适合什么场景

适合旧网页兼容性整理、经典网页风格复刻、低色深环境参考和基础配色教学。

如果你要把任意颜色靠拢到传统 216 色体系,这个工具会很直接。

为什么还会用到 WEB 安全色

虽然现代浏览器早就不受 216 色限制,但很多历史页面、教程和复古风格项目仍会用到这套颜色体系。

把颜色就近映射到安全色,也有助于做旧站兼容和风格统一。

使用边界

这个工具负责颜色映射和色表查询,不负责完整设计系统的配色决策。

如果你要做正式品牌色体系,还应结合对比度、层级和场景去整体评估。

常见问题

关于 WEB安全色,用户常问这些

WEB 安全色一共有多少个?

经典 WEB 安全色共有 216 个,由 RGB 三个通道各取 6 个固定值组合而成。

会上传我的颜色输入吗?

不会,颜色输入和匹配结果都只在浏览器本地处理。

为什么我的颜色不是 WEB 安全色?

只有每个 RGB 通道都落在 `00 / 33 / 66 / 99 / CC / FF` 这些固定值上时,才属于标准 WEB 安全色。

这个工具适合现代项目直接定品牌色吗?

更适合做旧站兼容、历史风格参考和最近色映射;现代项目仍建议按完整视觉系统选色。