返回

CSS 颜色名

颜色与配色

点选下方颜色后显示预览和复制内容。

列表覆盖 CSS 颜色规范中的 148 个标准命名色,搜索不区分大小写。颜色块只用于本地结果预览,不会修改站点配色。

找到 148 个颜色

本工具的全部运算都发生在你的浏览器中,输入内容不会发送到任何服务器。

关于这个工具

浏览 148 个 CSS 命名色及其 HEX 和 RGB 值。按名称或 HEX 搜索,选择色块后即可在本地复制色值。

常见用途

  • 查询现有样式表中的颜色关键字。
  • 比较命名色,再检查前景与背景的对比度。

使用方法

  1. 1.搜索名称或 HEX 片段,例如 purple 或 #663399。
  2. 2.选择颜色,查看名称、HEX 和 RGB 值。
  3. 3.复制所选色值,或清空搜索以浏览全部 148 项。

查询示例

查询命名色

rebeccapurple
rebeccapurple: #663399
rgb(102, 51, 153)

选择 rebeccapurple 后可复制显示的名称、HEX 和 RGB 值。

匹配颜色别名

#00FFFF
aqua: #00FFFF
cyan: #00FFFF

搜索此 HEX 值可找到两个别名。

限制与说明

  • aqua 与 cyan 等别名使用相同色值;148 个名称不代表 148 种不同颜色。
  • transparent 和 currentColor 是特殊关键字,不属于此不透明命名色表。
  • 色块预览不能衡量文字对比度;请另外检查实际前景色与背景色。

常见问题

数据会上传到服务器吗?

不会,处理在当前浏览器完成,输入不会发送到服务器。

结果可以直接用于生产吗?

请结合目标格式和安全要求复核结果;本工具适合快速处理与检查。

相关工具