toolfree

CSS 颜色名称

所有 CSS 颜色名称与对应的十六进位色码,可依色相与明暗排序,点一下即可复制。

在你的浏览器中运行

点色块复制名称,点色码复制色码。

这些名称是历史意外,不是一套系统

它们从 X11 窗口系统经由早期的 Netscape 传进来,没有人真正设计过这一组。这就是为什么里面有四种 不同的棕色、两种灰色拼法,还有一个叫 papayawhip 的颜色。

因为网页不能坏掉,这些怪异之处成了永久的。值得知道的有几个:

darkgray 比 gray 还亮。darkgray 是 #a9a9a9,gray 是 #808080。这些名称来自 两套被合并在一起的色盘,等到有人发现时,已经有网页同时依赖这两个了。

gray 和 grey 都可以用,darkgray/darkgrey、lightgray/lightgrey、 dimgray/dimgrey、slategray/slategrey,以及 darkslate 和 lightslate 那几组也是。 色值相同,两种拼法皆可。

aqua 和 cyan 是同一个颜色,fuchsia 和 magenta 也是。每一组的前者来自最早的 HTML 色名,后者来自 X11。

rebeccapurple

#663399 是 CSS 里唯一一个因为非技术理由而加入的颜色。

Eric Meyer——在 CSS 成形的年代负责把它记录下来的人之一——在 2014 年失去了女儿 Rebecca,她因 脑癌过世,那天正是她六岁生日。紫色是她最喜欢的颜色。CSS 工作小组在不久之后把 rebeccapurple 写进规格,而所有浏览器都实作了它。

这个值的缩写是 #639,那是刻意选的。

什么时候该用色名

做原型和除错时它们非常好用——red 比 #ff0000 好打,在版本差异里也一眼看得懂。

真正要上线的东西请用你自己的色值。这一组色名没有一致的明暗阶,颜色彼此之间也没有任何关系,从里 面挑色,做出来的页面往往就像它出身的那个 1996 年色盘。

没有任何上传

表格就在这个页面里。