【H5/CSS】样式的颜色选择

《小工具》截图--FastStone Capture的下载链接
该工具可以测量像素、取色等等,可以方便后面HTML5+CSS3的的学习

就可以获取RGB或者十六进制RGB的值了

颜色

颜色单位:

在CSS中可以直接使用颜色名来设置各种颜色,比如:red、orange、yellow、blue、green 等,但是一个一个记不太方便。

RGB值:

  • RGB(R red,G green ,B blue)通过三种颜色的不同浓度来调配出不同的颜色
  • 每一种颜色的范围在 0 - 255 (0% - 100%) 之间

RGBA:

  • 就是在rgb的基础上增加了一个a表示不透明度
  • 需要四个值,前三个和rgb一样,第四个表示不透明度
    • 1表示完全不透明
    • 0表示完全透明
    • .5半透明

十六进制的RGB值:

  • 语法:#红色绿色蓝色
  • 颜色浓度通过 00-ff
  • 如果颜色两位两位重复可以进行简写#aabbcc --> #abc

HSL值与HSLA值:

  • H 色相(0 - 360)
  • S 饱和度,颜色的浓度 0% - 100%
  • L 亮度,颜色的亮度 0% - 100%
  • A 透明度

参考

尚硅谷Web前端零基础入门HTML5+CSS3基础教程视频链接(P42~P43)

posted @ 2022-08-06 14:44  帕图纳克斯  阅读(167)  评论(0)    收藏  举报