2.4-CSS基础--颜色常见取值

发布于:2023-01-19 ⋅ 阅读:(300) ⋅ 点赞:(0)

一、关键词(预定意义的颜色名)

常见颜色取值:

  • red:红色
  • green:绿色
  • blue:蓝色
  • yellow:黄色
  • orange:橘色
  • skyblue:天蓝色
  • pink:粉色
color: red;

二、RGB表示法

      光学三原色(RGB):红、绿、蓝 [6] 。光学三原色混合后,组成显示屏显示颜色,三原色同时相加为白色,白色属于无色系(黑白灰)中的一种。
每项取值范围:0~255
常见颜色取值:

  • rgb(255,0,0):红色
  • rgb(0,255,0):绿色
  • rgb(0,0,255):蓝色
  • rgb(0,0,0):黑色
  • rgb(255,255,255):黑色
   color: rgb(255, 0, 0);

三、rgba表示法

比rgb表示法多一个a,a表示透明度
a的取值范围:0~1

  • 1:完全不透明
  • 0:完全透明
color: rgba(255, 0, 0,0.5);

四、十六进制表示法

取值范围

  • 两个数字为一组,每个数字的取值范围0~9,a,b,c,d,e,f

省略写法

  • 如果三组中,每组数字都相同,此时可以每组可以省略只写数字
  • 正确写法:#ffaabb改写成#fab

常见取值

  • #fff:白色
  • #000:黑色

以上了解即可,实际开发中可直接使用测量工具得到颜色,直接 Ctrl+c Ctrl+v 即可。


网站公告

今日签到

点亮在社区的每一天
去签到