Sass关于颜色函数的乐趣

阅读目录

    1. 了解RGB和HSL颜色标准

    2. RGB函数

    3. HSL函数

    4. Opacity函数

    5. 其他颜色函数

    6. 一个简单的应用

---

    在Sass中，定义了很多现成的函数，可供我们使用。在最初使用Sass的时候，用的最多的颜色函数就是lighten($color, $amount)和darken($color, $amount)，对于其他的函数，少之又少，真是弱爆了，有木有。

    切图的时候，我的颜色全部是通过PS的吸管工具获取的，之后复制粘贴即可。如果我们熟悉了颜色标准，那以后我们对颜色的认知，我想不会再是通过吸管工具获取这种层面了。

---

1. 了解RGB和HSL颜色标准

A. RGB颜色标准

    我们都知道，红、绿、蓝，通常被我们称为三原色，如果将他们以不同比例混合，可以产生很多不一样的颜色。RGB就是根据这一原理产生的一个表达式，R(red红色)、G(green绿色)、B(blue蓝色)。

    rgb($red, $green, $blue)，其中，每个值得范围都是0~255，RGB各有256级亮度（0~255），都代表的是当前原色的亮度，最终通过计算三个色的比例获得一个颜色。我们按照A₁²⁵⁶（256 * 256 * 256）计算，可以得出16777216中颜色。

    因为网页颜色是以十六进制代码表示，

延伸阅读

• ssh框架 2016-09-30
• 阿里移动安全 [无线安全]玩转无线电——不安全的蓝牙锁 2017-07-26
• 消息队列NetMQ 原理分析4-Socket、Session、Option和Pipe 2024-03-26
• Selective Search for Object Recognition 论文笔记【图片目标分割】 2017-07-26
• 词向量-LRWE模型-更好地识别反义词同义词 2017-07-26
• 从栈不平衡问题 理解 calling convention 2017-07-26
• php imagemagick 处理 图片剪切、压缩、合并、插入文本、背景色透明 2017-07-26
• Swift实现JSON转Model - HandyJSON使用讲解 2017-07-26
• 阿里移动安全 Android端恶意锁屏勒索应用分析 2017-07-26
• 集合结合数据结构来看看(二) 2017-07-26

学习是年轻人改变自己的最好方式