Day16颜色(CSS)

Color

今天来介绍如何选择CSS的颜色
常用的方法种共有三种方式
我会将重点简述一下哦

  • RGB
    这个方式是利用色彩的三原色Red(红)、Green(绿)、Blue(蓝)三者间用不同的参数数值来调整颜色
    公式是rgb(red, green, blue)
    举个例子rgb(255, 0, 0) 我把R的参数设为255(最大) 而其余的G和B设为0(最小)
    显然地就会显示出红色
    因此可以推理出rgb(0, 0, 0)是黑色rgb(255, 255, 255)是白色
    若是三个参数三个都给一样的值 那麽会显示出不同强度的灰阶哦

  • HEX
    它的概念和RGB一样
    只是把(0-255)这个十进制定义的值变成16进制(00-ff)来定义
    它的表示方法我把它看成#(RRGGBB)
    和前一个例子一样 若是我想把它显示为红色
    那麽我就给予参数#ff0000

  • HSL
    hsl(hue, saturation, lightness)
    我觉得这是比较难懂得一个
    它分别的参数是指 色相,饱和,亮度

色相的色轮是0~360度 0是红色120是绿色240是蓝色
饱和度是颜色的强度 0%是完全的灰色 100%是没有灰色阴影的纯色
亮度就比较容易理解一些 0%是全黑 100%是全亮

若平常用一些比较特殊的颜色我都会上网查它的参数数值
所以可以把重要常用的颜色背起来
其余的特殊色要用到的时候再上网查询会比较方便
所以大概理解一下参数的涵义就好了~


<<:  关於因果关系推论-AB testing

>>:  第10天~生命周期

.NET、托管代码(managed code)、反射

托管代码(managed code) 微软特定用语 简单来说 managed code 就是由一个 ...

[Tableau Public] day 22:台湾姓氏分布-修改原始资料

昨天计画要做以下三个内容: 1.所有栏位的位置(保留中文的栏位名称即可) 2.日期资料格式(因为资料...

Day 2 - 工欲善其事,必先利其器

简介 我使用的开发环境主要有三个,Dev-C++、visual studio 2019、Sublim...

数位变革

在疫情爆发之前,一切的一切看似都非常的正常,但是在爆发之後,所有的一切都被疫情给打乱了,并且所有的秩...

DAY26 Aidea专案实作-AOI瑕疵检测(1/4)

经过一系列的学习,我们从了解概念、程序练习到昨天的论文导读,我们似乎已经把深度学习的基础概念完整的R...