🎨 颜色名称查询

输入 HEX(如 #FF6B6B)或 RGB(如 255,107,107),自动匹配最近的 CSS 标准命名颜色,给出 中文名 + 英文名 + HEX + RGB + HSL。内置 148 色全表 + 200+ 中文常用别名,支持搜索、复制、JSON 导出。

输入等待输入
查询结果输入颜色后自动匹配
输入 HEX / RGB / HSL,或用左侧色盘取色
CSS 颜色大全 共 148 色
全部 绿

📖 关于 CSS 命名颜色

CSS Color Module Level 4 定义了 148 个标准命名颜色(与 X11/W3C 命名大体一致),可直接用作 CSS 变量(如 color: tomato;)。本工具对每个命名色附带常见中文别名(如「纯红 = Red」「象牙白 = Ivory」「孔雀蓝 = RoyalBlue」),便于设计沟通与配色检索。

使用方法

在 HEX 框输入 #FF6B6B#F00f00 任意格式均可;RGB 框支持 255,107,107255 107 107rgb(255,107,107) 三种写法。点击下方任意色块可一键复制其 HEX。

相关工具

图片色板提取 · 配色辅助 · 颜色格式转换 · WCAG 颜色对比度 · 渐变背景生成

数据源

本工具的颜色字典(148 CSS 命名色 + 200+ 中文别名)完全内嵌在 static/js/colorname.js,无需联网、0 Key、0 注册,匹配与查询全部在浏览器本地完成。