design / 可用工具

复古免配置 Web 原生色块字典

W3C 规范级 CSS 万维网颜色字典速查表。无需使用复杂的 RGB,即刻检索诸如 Tomato、Cyan 等可直接内嵌于浏览器样式的极简颜色名。

DesignSystemDictionary

收藏工具

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

快捷操作

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

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

设计与布局

CSS 147 具名标准色典

All 147 Web Standard Named Colors supported across all browsers without definitions. Click block to copy name

使用场景

  • 不想配置任何 UI 库,写一个原生脚本在报错时强切 `background-color: crimson;` 瞬间实现醒目的红色警告背景。

如何使用

  1. 1. 全网罗列。输入关键字如 `dark` 把深色系全拉出来然后随手拎起来就能用。

示例输入输出

Click

cadetblue

Gets

cadetblue (#5f9ea0)

FAQ

跟 Tailwind 全色盘什么关系

两者毫不相干。这堆(X11标准名)是直接构建在浏览器内核二进制渲染图谱上的远古存在。

工具列表

相关推荐

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

Tailwind 50-950 全色谱

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

可用

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

Design Tailwind CSS