颜色之RGBA

RGB是一种色彩标准,是由红(R)、绿(G)、蓝(B)的变化以及相互叠加来得到各式各样的颜色。RGBA是在RGB的基础上增加了控制alpha透明度的参数。

语法:

color:rgba(R,G,B,A)

以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A为透明度参数,取值在0~1之间,不可为负值。

代码示例:

background-color:rgba(100,120,60,0.5);
时间: 2024-10-17 08:42:59

颜色之RGBA的相关文章

css3(边框,背景,字体,颜色之RGBA与透明度opcity,图片和渐变颜色)

边框: 盒子圆角:border-radius:5px / 20%: border-radius:5px 4px 3px 2px; 左上,右上,右下,左下. 盒子阴影: box-shadow: box-shadow:x轴偏移量 y轴偏移量 阴影模糊半径(阴影颜色的模糊程度)  阴影扩展半径 阴影颜色  投影方式注意:inset 是指阴影在盒子内部,默认在外部,inset写到第一个或者最后一个参数位置,其他位置是无效的. 值有3个时,表示距离左侧.距离上侧.影子颜色: 值有4个时,表示距离左侧.距离

CSS3 之 RGBa 可透明颜色

在 CSS3 中,增加了一个 opacity 属性,允许开发者设置元素的透明度,现在 opacity 已被主流的现代浏览器支持,但 opacity 会把被设置的元素及其子元素同时设置为同一个透明度,这样的透明规则相当不灵活,在实际开发中往往也是会遇到很多麻烦.其实,在 CSS3 中还有另外一套颜色透明解决方案 —— RGBa .相对于 opacity ,RGBa 可以在单个元素上设置透明度,而不影响其子元素,只是 RGBa 的浏览器支持度并没有 opacity 的广泛,因此相对较少引起开发者注意

【CSS3】---颜色RGBA及渐变色

颜色之RGBA RGB是一种色彩标准,是由红(R).绿(G).蓝(B)的变化以及相互叠加来得到各式各样的颜色.RGBA是在RGB的基础上增加了控制alpha透明度的参数. 语法: color:rgba(R,G,B,A) R.G.B三个颜色参数,正整数值的取值范围为:0 - 255. 百分数值的取值范围为:0.0% - 100.0%.超出范围的数值将被截至其最接近的取值极限.并非所有浏览器都支持使用百分数值. A为透明度参数,取值在0~1之间,不可为负值. 代码示例: background-col

02 传递颜色给着色器

这一节介绍给着色器程序传值的方法.我们通过js把颜色传给着色器程序,来演示具体传值的方法. 顶点坐标.顶点颜色.uv坐标等都可以使用"矩阵"把值传给着色器程序.这个"矩阵"(其实只是个数组)只是我们假想的一个矩阵,它的每一行表示一个顶点,例如:顶点坐标几行就有几个顶点,每一行是坐标xyz值:顶点颜色"矩阵"中每一行是对应顶点的颜色的rgba值(红.绿.蓝.透明度). 它们在着色器程序中,都可以使用vec3.vec4(向量)类型变量接收.虽然他们表

Sass关于颜色函数的乐趣

阅读目录 1. 了解RGB和HSL颜色标准 2. RGB函数 3. HSL函数 4. Opacity函数 5. 其他颜色函数 6. 一个简单的应用 在Sass中,定义了很多现成的函数,可供我们使用.在最初使用Sass的时候,用的最多的颜色函数就是lighten($color, $amount)和darken($color, $amount),对于其他的函数,少之又少,真是弱爆了,有木有. 切图的时候,我的颜色全部是通过PS的吸管工具获取的,之后复制粘贴即可.如果我们熟悉了颜色标准,那以后我们对颜

iOS中RGB颜色转换

iOS中RGB常用的色值,同时可将对颜色的设置定义成宏,方便开发应用,如: // RGB颜色转换(16进制->10进制) #define UIColorFromRGB(rgbValue) [UIColor colorWithRed:((float)((rgbValue & 0xFF0000) >> 16))/255.0 green:((float)((rgbValue & 0xFF00) >> 8))/255.0 blue:((float)(rgbValue 

Sass 颜色函数

1 /* 2 * Sass 颜色函数 3 * RGB 颜色函数 4 * 1. rgb($red,$green,$blue):根据红.绿.蓝三个值创建一个颜色: 5 * rgb(200,40,88) //根据r:200,g:40,b:88计算出一个十六进制颜色值 6 * #c82858 7 * 2. rgba($red,$green,$blue,$alpha):根据红.绿.蓝和透明度值创建一个颜色: 8 * rgba(#c82858,.65) //根据#c82858的65%透明度计算出一个rgba

CSS颜色样式

1.前景色 color:颜色值(颜色名.RGB/RGBA颜色.十六进制颜色) (1)十六进制颜色:#FF0000,FF表示红色分量,中间两个0表示绿色分量,最后两个0表示蓝色分量 (2)RGBA颜色:rgba(255,0,0,0.5)由十进制的三个颜色分量和一个透明度分量组成,分量取值范围是0~255,透明度取值范围0~1. (3)RGB颜色:rgb(255,0,0)由十进制的三个颜色分量组成,分量取值范围是0~255. (4)颜色名:red.blue等表示颜色的英文单词 color:red;

Colours–颜色库,包含100种预定义的颜色和方法

简介 Colours–颜色库,包含各种100种预定义的颜色和方法,可以简化颜色相关的开发工作. 项目主页: Colours 最新示例: 点击下载 快速入门 安装 通过Cocoapods安装 pod 'Colours' 手动安装 把 Colours.h 和 Colours.m拖进你的工程里,在需要的地方引入头文件即可: #import "Colours.h" 使用 调色板,一组预定义的颜色 具体可点击这里查看: 100个预定义的颜色 使用预定义的颜色 Colours 预定义了100 多种