toolfree

CSS 颜色名称

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

在你的浏览器中运行

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

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

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

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

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

graygrey 都可以用darkgray/darkgreylightgray/lightgreydimgray/dimgreyslategray/slategrey,以及 darkslatelightslate 那几组也是。 色值相同,两种拼法皆可。

aquacyan 是同一个颜色fuchsiamagenta 也是。每一组的前者来自最早的 HTML 色名,后者来自 X11。

rebeccapurple

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

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

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

什么时候该用色名

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

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

没有任何上传

表格就在这个页面里。