HTML颜色表

HTML 与 CSS 颜色名对照表,收录130 余个标准颜色关键字,支持按颜色名或色值搜索,实时展示色块、HEX 与 rgb() 写法,点击即可复制,方便写样式时快速查色与核对颜色名。

新上线 9 次使用 颜色工具

「HTML颜色表」已就绪

点击下方按钮立即开始使用,无需下载安装,操作简单、即开即用。

立即使用

使用说明

功能说明

收录 CSS 规范中的标准颜色关键字,如 aliceblue、crimson、tomato、rebeccapurple 等,每个颜色展示色块、颜色名、HEX 值与 rgb() 写法。写样式时不用再翻文档,输入名字就能看到真实颜色。

使用步骤

  1. 在搜索框输入颜色名或色值片段,例如 blue、#FF。
  2. 浏览结果列表,核对色块与色值是否符合预期。
  3. 点击颜色卡片复制 HEX,或使用卡片上的 rgb 写法。

常见用途

手写 CSS 时快速确认颜色名、把设计稿色值转成 rgb()、给文档和图表挑选易读的命名颜色、排查「颜色名拼错导致样式不生效」的问题。

提示

颜色名区分拼写但不区分大小写,写错一个字母样式就会失效,用本表核对拼写比反复试错更快。

常见问题

收录了多少个颜色名?

130 余个,覆盖 CSS Color 规范中的全部标准颜色关键字,并包含 rebeccapurple 等较新的命名颜色。

颜色名区分大小写吗?

CSS 颜色名不区分大小写,Crimson 与 crimson 效果相同,但拼写必须完全正确,否则浏览器会忽略该声明。

HEX 和 rgb() 有什么区别?

两者表示同一种颜色,HEX 更紧凑常用于样式表,rgb() 可读性更好,便于在代码中动态调整某个通道的数值。

支持复制 rgb 写法吗?

卡片上直接展示 rgb() 文本,可选中复制;点击卡片默认复制 HEX 色值。