RGB 是对机器很友好的色彩模式，但并不够人性化，因为我们对色彩的认识往往是”什么颜色？鲜艳不鲜艳？亮还是暗？”。HSL 模式和 HSV(HSB) 都是基于 RGB 的，是作为一个更方便友好的方法创建出来的。HSB 为 色相，饱和度，明度，HSL 为 色相，饱和度，亮度，HSV 为色相，饱和度，明度。HSB 和 HSV 是是一样的，只是叫法不同，HSL 则还有一些细微的区别：在所有的情况下，H(Hue) 代表色相，S(Saturation) 代表饱和度。Hue（色相）是指取值范围在0-360°的圆心角，每个角度可以代表一种颜色。B 在 HSB 模式中是 Brightness 的意思, V 在 HSV 中是值，但是所表述的是一个东西：对光的量或光源的功率的感知。色相和明度（值）可以在0 - 1或者0% - 100%间取值。HSL 稍微有一些不同，Hue（色相）和 HSB/HSV 模式中一样用数值表示，但是， S，同样代表“饱和度”，定义不一样，且需要转换。 L 代表亮度，和 Brightness/Value 不一样。Brightness（明度）是被认为是”光的量“，可以是任何颜色。而 Lightness（亮度）是作为”白的量“来理解的。Saturation（饱和度）不一样，因为在两个模型中，饱和度都按比例缩放以适应明度或亮度的定义。两者的区别，和他们之间对于饱和度的定义的不同。咱们拿案例看吧，先选同一个色 #f200ff放入 HSL Color Picker，显示 HSL 数值为：H(297), S(100), L(50)<img src="http://pic3.zhimg.com/4af6abf0370ee6b6dc0f03716cba7f26_b.jpg" data-rawwidth="771" data-rawheight="361" class="origin_image zh-lightbox-thumb" width="771" data-original="http://pic3.zhimg.com/4af6abf0370ee6b6dc0f03716cba7f26_r.jpg">但是我们放在 Sketch 里面看一下，显示的 HSB 数值为，H(297), S(100), B(100) ：<img src="http://pic4.zhimg.com/9f02c36cc4b4e55db2bf6a5238e2fc6b_b.jpg" data-rawwidth="214" data-rawheight="423" class="content_image" width="214">同样，需要提醒一下的是，CSS 里头支持的是 HSL，而不是 HSB，不要把 HSB 的数值直接套用了，不然的话你看到的可能会是不一样的颜色。 HSL 和 HSB 哪一个更适合人机界面，是有争议的，实际运用的区别会和我上面的例子一样，具体的区别和优劣势，可移步到这看：卡其色是用黄色和棕色的颜料调配出来。卡其色：是一种介于浅黄褐色和中浅黄褐色之间的颜色，所以卡其也是这种颜色的代称。在英国或欧洲的说法，就是类型绿色tinged(微染的)棕色织品，或这样的织品的颜色。传统上明显的"KAR-kee"这经常今天称"KAH-kee"在不列颠和"KAA-kee"在北美洲。名字来自波斯khak意思地球色或尘土被上色【通过Urdu(乌尔都)语言】。原始的卡其色的织品是atwilled(织成斜纹)密切布料亚麻布或棉花。色调信息：1、卡其色RGB（r,g,b）(195,176,145)2、CMYK(c,m,y,k)(0,10,26,24)3、HSV(h,s,v)(37°，26%,76%)4、深卡其色RGB（r,g,b）(189,183,107) 卡其色调比较表：1、淡卡其（X11“卡其”）（Hex：#F0E68C）（RGB：240，230，140）2、卡其（HTML/CSS）（Hex：#C3B091）（RGB：195，176，145）3、深卡其（X11“深卡其”）（Hex：#BDB76B）（RGB：189，183，107）关于css如何去除数字前的0字相关资料如下
使用css去除文字前点的方法：
找到相关性的CSS，在.li和.ul下写入list-sytle:none当然有的会这样来写list-style-type:none, 这种写法特别是在一些CMS中最常见。
实现：
1、在相关的页面找到head部分写入下面的代码
<style type="text/css">
ul li{
list-style:none
}
</style>
2、在li,ul内加入list-style。如
<ul style="list-style-type:none><li><a herf="http://blog.csdn.net/business122">HTML中文网</a></li></ul>
当然这种是很麻烦的了。
最简单的就是第一种了，通过CSS来控制，这个当然会有不错的效果了。
这几种方法都是通过设置list-style:none来设置的，有的是会用list-style-type，下面我们来看一看它的属性：
none不使用项目符号
disc实心圆，默认值
circle空心圆
square实心方块
decimal阿拉伯数字
lower-roman小写罗马数字
upper-roman大写罗马数字
lower-alpha小写英文字母
upper-alpha大写英文字母
这些都可以来代替上文中的none,想要什么样的都会有一个相应的对应。
