css中颜色有几种表达方式

6 种CSS颜色表达：
1 ．默认颜色词
使用英语单词，如红色、蓝色。

透明、金色等1 4 0多种标准颜色。

优点：简单直观。

缺点：颜色种类有限。

2 十六进制值
三位数缩写：F00，相当于FF0000。

六个整数：FF0000（红、绿、蓝）。

值范围：00-FF (0-2 5 5 )。

优点：结构紧凑，兼容性好。

常用。

3 RGB/RGBa
RGB：rgb(2 5 5 ,0,0)或rgb(1 00%,0%,0%)。

取值范围：0-2 5 5 或0%-1 00%。

RGBA：rgba(2 5 5 ,0,0,0.5 )。

透明度：0（透明）到1 （暗）。

透明度支持。

4 HSL/HSLa
HSL：HSL（3 6 0,1 00%,5 0%）。
颜色：0-3 6 0°（0°红色，1 2 0°绿色）。

饱和度：0%-1 00%（越高越鲜艳）。

亮度：0%-1 00%（5 0%正常，0%黑色，1 00%白色）。

HSLA：hsla(3 6 0,1 00%,5 0%,0.5 )。

更符合人类色彩感知。

默认字颜色很少，通常使用十六进制，RGB/RGBA兼容，HSL/HSLa直观。
根据需要选择。

CSS 颜色的表示方法

CSS颜色表示方法主要有以下几种：
1 ． 颜色关键词 用英文单词直接表达颜色，比如红、蓝、绿等，这个东西是最简单的，任何人都能看懂。
不区分大小写，只写Red。

2 RGB颜色 这是最常用的方法，它基于红、绿、蓝三基色的混合。

2 .1 十六进制表示法
RRGGBB是这样写的：前两个是红色，中间两个是绿色，最后两个是蓝色。
例如，ff0000 是纯红色。

也可以写成缩写RGB，例如f09 等于ff009 9 对于透明度，可以添加RGBA，例如ff009 9 aa。

2 .2 RGB函数 这种rgb(2 5 5 ,0,0)，红绿蓝用数字0-2 5 5 来表示。
比如rgb(1 00%,0%,0%)也是红色，也可以用百分比。
使用 rgba 来实现透明度。
例如，rgba(2 5 5 ,0,0,0.5 ) 是半红色。

说实话，这几种方法都可以用。
关键字适合快速色彩调整，十六进制适合精确控制，RGB功能更灵活。
我以前制作网页的时候，经常把它们混合在一起。