网页中使用的所有颜色标记方式，从早期大家使用的十六进制代码（#000000），RGB颜色值marking，HSL颜色标记，其中网页设计师最常用的十六进制颜色代码标记方法，十六进制代码如何计算颜色？有没有办法直接在头部计算颜色？如何使用和记忆HSL颜色？有什么秘诀或技巧吗？让我们继续阅读一系列问题。RGB颜色(RGBcolor)网页设计中RGB颜色的标记方式是RGB(0~255,0~255,0~255)，括号中逗号分隔的三组数值恰好是(R,G,b)颜色值，所以该值会是0到255这256个值的范围，大家应该知道的RGB颜色的混色原理就是加法混色。让我们直接用光来思考。我们用0到255之间的值作为灯亮起的亮度来看，0代表不开灯，255代表开到最亮，所以当我把红灯开到最亮的时候而另外两个颜色的灯不亮，就是RGB(255,0,0)这样如果只亮红灯，不亮其他颜色，你看到的就是红色，所以如果我亮红光只有一半，像这个RGB(127,0,0)，那么就会变成暗红色，因为没有开到最亮，所以应该很好理解。同理，当我们单独打开其他颜色的灯时，只会看到灯的颜色，比如绿色是RGB(0,255,0)，蓝色是RGB(0,0,255)，如果要黄色，你可以混合R和G，比如这个RGB(255,255,0)，看起来有点难，我们用图片来记忆，RGB颜色顺时针排列，R在最上面，中间产生的混合颜色就是我们打印机的C，M，Y（蓝，品红，黄）三种颜色和CMY三种颜色也是顺时针排列，C在最下面，所以把这个图记在心里，简单说一个公式，记住“R”就是在Clockwiseup,Cclockwisedown”，你可以轻松记住这张图的颜色顺序，以后在脑子里混色就不会那么难了。HSL色彩（HSLcolor）其实国外很多设计师都喜欢HSL（Hue,Saturation,Lightness）色彩的书写。%,颜色亮度0~100%),括号内的色相为0~360度,正常语法是这样的HSL(240,100%,50%)色相(Hue)hue0度为R(红）色，120度为G（绿）色，240度为B（蓝）色。为了方便记忆，我先把角度0度设为正上方（同CSS3gradient）这样更方便大家记忆，所以顺时针方向旋转一下，它们之间的夹角如图下图。)变成一个三维的圆柱体，可以看到如下图从中间开始，越往上越亮（增加白色含量），越亮到最后变成纯白色，而且越往下，亮度越低（黑色分量增加），到最后亮度变黑。因此，一般来说，HSL颜色中L的默认值会是50%。如果想让它变暗，可以将值调整为0%，如果想让它更亮或更白，可以将值调整为100%在100%饱和度的情况下，如果想让颜色不那么鲜艳，只需将色彩饱和度（Saturation）调整为0%即可。色彩饱和度（Saturation）与色彩亮度（Lightness）的区别在于，色彩饱和度（Saturation）降低后，色彩越不鲜艳，越接近灰色而不是黑色。这个一定能分辨。因此，了解了HSL以上三个值的区别后，如果我们今天想要一个黄色，那么我们可以先设置HSL（60、100%、50%），色相为60度偏黄，而默认是100%饱和度（bright），预设的正常亮度是50%，如果我们需要淡黄色，那么只需要在黄色的基础上加一点白色，所以修改L的值就可以了，像这样HSL（45,100%,80%)，如果我们想让颜色接近橙色，那么我们可以修改色相（Hue）角度，往R方向调整，像这样HSL(40,100%,80%)，这会变得容易得多吗？十六进制颜色（hexcolor）十六进制代码简称为Hex。在HTML&CSS中，十六进制代码的颜色标记以井号(#)开头，后跟6个数字。这种颜色标记方法对许多设计师来说非常重要。使用时间太长，但我有点困惑。我不知道怎么写就为了选择红色或粉红色。还是得靠Dreamweaver的色轮来写。其实十六进制颜色代码并没有那么难，我们只需要弄明白三个问题就可以学习了，下面简单说明一下。10进制原理的第一个问题是16进制是什么？一般我们常用的进位方式都是十进制，也就是说只要一个“数”超过了第十位，就会进位。如果还是看不懂，我们来看下图的解释。十六进制的原理从上图我们可以看出，一个数的第11位进位，这也是最常用的计算方式，而16进制的概念也是一样的，只是11位在16进制的时候一开始没法写“11”（2位进位，不能这样写），所以第11位用英文字母abcdef作为数字，所以完整的16位大概是这样的如下图所示，第16位的代表字母是“f”，超过第16位后进位。十六进制颜色表示第二个问题是如何标记十六进制代码的颜色？基本上，HTML&CSS中的十六进制代码颜色指示分为三组数字，每两个代码代表一种颜色。如下图所示，从图中可以看出，十六进制代码中的6位数字的前两个代码代表RGB颜色中的R色，中间的两个代码代表G色，最后两个代码代表B颜色。如果我们把十六进制码看成光的强度，#000000表示RGB的三种颜色都没有光，那么没有光你看到的就是黑色，如果我们要显示红色，我们将R色光调到最大，这样#FF0000会看到红色。让我们做另一个练习，如果我们想要黄色，我们将红光和绿光混合，所以我们像这样将红光和绿光调到最大#FFFF00，你可以看到黄色。十六进制亮度调节技术。以上方法最多只使用两种颜色，大部分使用的是原色。也许这不是什么大问题。现在让我们玩十六进制颜色。我们可以知道，色光属于加法混色是越来越亮，所以如果我们想要淡黄色，可以先加黄色，然后再混一点蓝色，在HSL颜色中用于亮度调节，当蓝色添加了光然后它变得更亮，你会看到金丝雀黄色出现，所以我们的源代码可能看起来像#ffffcc。你不明白吗？简单的说，用16进制码设置颜色时，第一步先设置主色，然后用第三种颜色调节亮度，就可以了！那么如果我们要调暗，就是把原来的两个颜色值都调小（就是光强的概念稍微宽一点），这样就可以设置颜色了！其实也没那么难，写个三四遍应该就能上手了~希望大家都能成为十六进制码设置高手。
