RGB、HSL、Hex网页色彩，看完这篇，271种色彩搭配全懂了吗？
- 内容介绍
- 文章标签
- 相关推荐
本文共计2109个文字，预计阅读时间需要9分钟。
作者：CSS可利用 + 网页使用到的色彩表示方法中，自古早期时期大家都在使用16进制色码。
作者：CSS可乐
网页使用到的色彩标示方法中，从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示，其中网页设计师最常使用的16进位色码标示法，设计师究竟了解多少？而16进位码又是如何计算色彩的呢？有没有办法直接脑袋就把色彩算出来？HSL色彩该如何运用与记忆？有没有什么秘诀或小技巧？一连串的问题就跟着Amos继续看下去。
先来说说RGB色彩( RGB color )
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)，那么就会变成暗红色，因为没有开到最亮，这样应该很容易理解了吧。
本文共计2109个文字，预计阅读时间需要9分钟。
作者：CSS可利用 + 网页使用到的色彩表示方法中，自古早期时期大家都在使用16进制色码。
作者：CSS可乐
网页使用到的色彩标示方法中，从古早时期大家都在用的16进位码(#000000)、RGB色值标示、HSL色彩标示，其中网页设计师最常使用的16进位色码标示法，设计师究竟了解多少？而16进位码又是如何计算色彩的呢？有没有办法直接脑袋就把色彩算出来？HSL色彩该如何运用与记忆？有没有什么秘诀或小技巧？一连串的问题就跟着Amos继续看下去。
先来说说RGB色彩( RGB color )
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)，那么就会变成暗红色，因为没有开到最亮，这样应该很容易理解了吧。