CSS合法颜色值

html-css020

CSS合法颜色值,第1张

        分别是：十六进制颜色、RGB颜色、RGBA颜色、HSL色彩、HSLA颜色、预定义/跨浏览器的颜色名称。

        所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。

        RGB颜色值在所有主要浏览器都支持。RGB颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。

        例如RGB（0,0,255）值呈现为蓝色，因为蓝色的参数设置为最高值（255）而其他设置为0。

        此外，下面的值定义相同的颜色：RGB（0,0,255），RGB（0％，0％，100％）。

        RGBA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。

        RGBA颜色值指定：RGBA（红，绿，蓝，alpha）。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

        IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。HSL代表色相，饱和度和亮度 - 使用色彩圆柱坐标表示。

        HSL颜色值指定：HSL（色调，饱和度，明度）。

色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。饱和度是一个百分比值0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点0％是黑色的，100％是白色的。

        HSLA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.

        HSLA的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。指定HSLA颜色值：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

        浏览器能识别的颜色名称，如“red”、"green"、“blue”等等。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<style>标签中，输入css代码：button {background-color: #00a7d0}

button:hover {background-color: #ff7701}。

3、浏览器运行index.html页面，此时显示出了蓝色背景颜色的按钮。

4、将鼠标移入按钮，此时按钮的背景颜色变成了橙色。