设计配色

CSS 具名颜色 - 标准色名速查

查阅 W3C/CSS 标准具名颜色与对应色值,可按关键词筛选 Tomato、Cyan 等可直接用于样式的颜色名,适合原生 CSS 快速取色。

CSS颜色速查

收藏工具

当前还没有选择收藏模式。

快捷操作

返回设计配色 浏览全部工具

你可以复制当前工具页链接,或在支持的设备上调用系统分享。

设计配色

CSS 具名颜色

Web standard named colors supported across browsers without extra definitions. 点击色块复制当前格式

点击色块复制当前格式,也可以复制当前可见列表。

使用场景

  • 原生 CSS 快速选用标准色名
  • 对照色名与十六进制值
  • 按关键词筛选深浅色系

如何使用

  1. 浏览色板或输入关键词筛选
  2. 点击色块查看详情
  3. 复制颜色名或十六进制值

示例输入输出

Click

cadetblue

Gets

cadetblue (#5f9ea0)

FAQ

和 Tailwind 色板有什么关系?

两者不同。本表对应浏览器内置的 CSS 标准具名颜色,不是 Tailwind 调色盘。

所有浏览器都支持这些名字吗?

绝大多数现代浏览器用标准具名颜色;仍建议在关键品牌色场景用明确色值。

工具列表

相关推荐

你可以从这里继续打开相近场景的工具,减少重复搜索。

Tailwind 50-950 全色谱

无需文档的大局级颜色搜索板

可用

一张表看完!极其丝滑宏大的 Tailwind CSS 全线色彩面板(由 Slate 一直到 Rose,含 950 黑阶)。不再每次都需要跑回官网查 "emerald-400 的对撞色是多少"。

Design Tailwind CSS