Web颜色十六进制表示法

时间:2014-06-18 10:09:05

标签: css user-interface colors hex

通常,十六进制表示法中的颜色会显示6个十六进制字符后的#标签。 #AAA的价值是什么颜色的?其他字符是否来自现有字符?是否假设缺失值?

3 个答案:

答案 0 :(得分:4)

#AAA被解释为#AAAAAA

当你有三十六进制颜色时,浏览器会假设每个字符(或数字)都加倍(例如#ABC相当于#AABBCC

答案 1 :(得分:3)

六位数颜色是传统的24位颜色,而三种颜色的颜色代码是" web-safe"颜色...

http://en.wikipedia.org/wiki/Web_colors

答案 2 :(得分:2)

好问题。

简短回答:#xyz被读作#xxyyzz,所以具体的例子意味着#aaa变成#aaaaaa,灰色很暗(68.75%)。

维基百科称这种速记十六进制形式为https://en.wikipedia.org/wiki/Web_colors#Shorthand_hexadecimal_form

CSS确实有一个正式的规范,但这是一个很长的阅读。要试验CSS允许的特定颜色,也许浏览器调试器是好的。 jsfiddle也是一种可能性:http://jsfiddle.net/mYdb5/ 其中包含以下简单代码:

Color test:<br/>
<div/>

div {
    background-color: #aaa;
    width:100%;
    height:40px;
}