对于RGB比较常见,显示器、电视等都是采用RGB的颜色标准。RGB是工业界的一种颜色标准,通过R(红)、G(绿)、B(蓝)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色。我们知道计算机是0和1的世界,RGB每种色彩是用数字来表示,最大为255包括0,所以总共256级。所以RGB的色彩组合是256*256*256共16777216,一般简称千万色或者1600万,也有称为24位色,及2的24次方。在代码编程中常以16进制方式表示,如:0xff0000(红色)。

ARGB从表面看比RGB多了个A,也是一种色彩模式,是在RGB的基础上添加了Alpha(透明度)通道。透明度也是以0到255表示的,所以也是总共有256级,透明是0,不透明是255。代码编程中也是以16进制方式表示,如:0xffff0000。

background-color没有设置时,它的默认值是transparent,不可以继承父元素的取值。请问,这个透明色的rgb值是什么?rgb是只能指定颜色,不涉及透明

需要用rgba() 其中a就是透明度alpha的意思

用rgba,第四个参数为透明度 0-1,设置为0就是100%透明。background:rgba(0,0,0,0);

透明色可以是任意的颜色,就是一种颜色加的透明度。

CSS透明度的代码:

opacity:0.5;

filter:alpha(opacity=50);

background:#000;

这个的意思就是在黑色的基础上,透明度是百分五十。

根据你需要的颜色自己选择色值就行了。

各种颜色的透明色

以黑色为例:

黑色的十六进制色为#000000

要为其加上透明色则为:#(00-ff)000000即#(0-255)000000

其中全透明即为0阶,完全不透明即为255阶

因为0的十六进制为0;127的十六进制为7f,255的十六进制为ff

因此十六进制全透明的黑色为#00000000;半透明的黑色是#7f000000;完全不透明的黑色是#ff000000;

RGB颜色与16进制色以及透明色是我们在开发经常要用到的,不太明白可以花几分钟看看:

RGB色彩模式是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

透明色:是指这种颜色的透明情况。

1.RGB的三种颜色值的范围都是0~255,0表示这种颜色无,255表示纯色,从0到255,数值越大,颜色越深。

2.透明色的值也是0~255,0表示全透明,255表示不透明,数值越小,透明的越明显。

3.16进制色是指RGB的三个数值是10进制的,需要转成16进制数,在按RGB的顺序排列成16进制数,例如:

红(R):0         绿(G) :255             蓝(B):0          ------>    #00ff00               --->对应的纯绿,没有设置透明,默认不透明。

设置透明色,那么把透明色数值转成16进制,并排在rgb三色的前面,如上面说的纯红色(不透明):#ffff0000

还有的说法是设置透明为90%,即10%不透明,全透是0,那么10%,相信都会算了吧,255*0.1=25.5,取25,转成16进制,

即19,所以如果给你的RGB是:e64dff,那么结果就是:#19e64dff

注意:

在安卓的布局XML中写颜色可写成:android:textColor="#19e64dff"

在代码设置时使用:paint.setColor(0x19e64dff)

透明度具体对应百分比:

100% — FF

95% — F2

90% — E6

85% — D9

80% — CC

75% — BF

70% — B3

65% — A6

60% — 99

55% — 8C

50% — 80

45% — 73

40% — 66

35% — 59

30% — 4D

25% — 40

20% — 33

15% — 26

10% — 1A

5% — 0D

0% — 00

RGB颜色对照表#FFFFFF#FFFFF0#FFFFE0#FFFF00

#FFFAFA#FFFAF0#FFFACD#FFF8DC

#FFF68F#FFF5EE#FFF0F5#FFEFDB

#FFEFD5#FFEC8B#FFEBCD#FFE7BA

#FFE4E1#FFE4C4#FFE4B5#FFE1FF

#FFDEAD#FFDAB9#FFD700#FFD39B

#FFC1C1#FFC125#FFC0CB#FFBBFF

#FFB90F#FFB6C1#FFB5C5#FFAEB9

#FFA54F#FFA500#FFA07A#FF8C69

#FF8C00#FF83FA#FF82AB#FF8247

#FF7F50#FF7F24#FF7F00#FF7256

#FF6EB4#FF6A6A#FF69B4#FF6347

#FF4500#FF4040#FF3E96#FF34B3

#FF3030#FF1493#FF00FF#FF0000

#FDF5E6#FCFCFC#FAFAFA#FAFAD2

#FAF0E6#FAEBD7#FA8072#F8F8FF

#F7F7F7#F5FFFA#F5F5F5#F5F5DC

#F5DEB3#F4F4F4#F4A460#F2F2F2

#F0FFFF#F0FFF0#F0F8FF#F0F0F0

#F0E68C#F08080#EEEEE0#EEEED1

#EEEE00#EEE9E9#EEE9BF#EEE8CD

#EEE8AA#EEE685#EEE5DE#EEE0E5

#EEDFCC#EEDC82#EED8AE#EED5D2

#EED5B7#EED2EE#EECFA1#EECBAD

#EEC900#EEC591#EEB4B4#EEB422

#EEAEEE#EEAD0E#EEA9B8#EEA2AD

#EE9A49#EE9A00#EE9572#EE82EE

#EE8262#EE7AE9#EE799F#EE7942

#EE7621#EE7600#EE6AA7#EE6A50

#EE6363#EE5C42#EE4000#EE3B3B

#EE3A8C#EE30A7#EE2C2C#EE1289

#EE00EE#EE0000#EDEDED#EBEBEB

#EAEAEA#E9967A#E8E8E8#E6E6FA

#E5E5E5#E3E3E3#E0FFFF#E0EEEE

#E0EEE0#E0E0E0#E066FF#DEDEDE

#DEB887#DDA0DD#DCDCDC#DC143C

#DBDBDB#DB7093#DAA520#DA70D6

#D9D9D9#D8BFD8#D6D6D6#D4D4D4

#D3D3D3#D2B48C#D2691E#D1EEEE

#D1D1D1#D15FEE#D02090#CFCFCF

#CDCDC1#CDCDB4#CDCD00#CDC9C9

#CDC9A5#CDC8B1#CDC673#CDC5BF

#CDC1C5#CDC0B0#CDBE70#CDBA96

#CDB7B5#CDB79E#CDB5CD#CDB38B

#CDAF95#CDAD00#CDAA7D#CD9B9B

#CD9B1D#CD96CD#CD950C#CD919E

#CD8C95#CD853F#CD8500#CD8162

#CD7054#CD69C9#CD6889#CD6839

#CD661D#CD6600#CD6090#CD5C5C

#CD5B45#CD5555#CD4F39#CD3700

#CD3333#CD3278#CD2990#CD2626

#CD1076#CD00CD#CD0000#CCCCCC

#CAFF70#CAE1FF#C9C9C9#C7C7C7

#C71585#C6E2FF#C67171#C5C1AA

#C4C4C4#C2C2C2#C1FFC1#C1CDCD

#C1CDC1#C1C1C1#C0FF3E#BFEFFF

#BFBFBF#BF3EFF#BEBEBE#BDBDBD

#BDB76B#BCEE68#BCD2EE#BC8F8F

#BBFFFF#BABABA#BA55D3#B9D3EE

#B8B8B8#B8860B#B7B7B7#B5B5B5

#B4EEB4#B4CDCD#B452CD#B3EE3A

#B3B3B3#B2DFEE#B23AEE#B22222

#B0E2FF#B0E0E6#B0C4DE#B0B0B0

#B03060#AEEEEE#ADFF2F#ADD8E6

#ADADAD#ABABAB#AB82FF#AAAAAA

#A9A9A9#A8A8A8#A6A6A6#A52A2A

#A4D3EE#A3A3A3#A2CD5A#A2B5CD

#A1A1A1#A0522D#A020F0#9FB6CD

#9F79EE#9E9E9E#9C9C9C#9BCD9B

#9B30FF#9AFF9A#9ACD32#9AC0CD

#9A32CD#999999#9932CC#98FB98

#98F5FF#97FFFF#96CDCD#969696

#949494#9400D3#9370DB#919191

#912CEE#90EE90#8FBC8F#8F8F8F

#8EE5EE#8E8E8E#8E8E38#8E388E

#8DEEEE#8DB6CD#8C8C8C#8B8B83

#8B8B7A#8B8B00#8B8989#8B8970

#8B8878#8B8682#8B864E#8B8386

#8B8378#8B814C#8B7E66#8B7D7B

#8B7D6B#8B7B8B#8B795E#8B7765

#8B7500#8B7355#8B6969#8B6914

#8B668B#8B6508#8B636C#8B5F65

#8B5A2B#8B5A00#8B5742#8B4C39

#8B4789#8B475D#8B4726#8B4513

#8B4500#8B3E2F#8B3A62#8B3A3A

#8B3626#8B2500#8B2323#8B2252

#8B1C62#8B1A1A#8B0A50#8B008B

#8B0000#8A8A8A#8A2BE2#8968CD

#87CEFF#87CEFA#87CEEB#878787

#858585#848484#8470FF#838B8B

#838B83#836FFF#828282#7FFFD4

#7FFF00#7F7F7F#7EC0EE#7D9EC0

#7D7D7D#7D26CD#7CFC00#7CCD7C

#7B68EE#7AC5CD#7A8B8B#7A7A7A

#7A67EE#7A378B#79CDCD#787878

#778899#76EEC6#76EE00#757575

#737373#71C671#7171C6#708090

#707070#6E8B3D#6E7B8B#6E6E6E

#6CA6CD#6C7B8B#6B8E23#6B6B6B

#6A5ACD#698B69#698B22#696969

#6959CD#68838B#68228B#66CDAA

#66CD00#668B8B#666666#6495ED

#63B8FF#636363#616161#607B8B

#5F9EA0#5E5E5E#5D478B#5CACEE

#5C5C5C#5B5B5B#595959#575757

#556B2F#555555#551A8B#54FF9F

#548B54#545454#53868B#528B8B

#525252#515151#4F94CD#4F4F4F

#4EEE94#4D4D4D#4B0082#4A708B

#4A4A4A#48D1CC#4876FF#483D8B

#474747#473C8B#4682B4#458B74

#458B00#454545#43CD80#436EEE

#424242#4169E1#40E0D0#404040

#3D3D3D#3CB371#3B3B3B#3A5FCD

#388E8E#383838#36648B#363636

#333333#32CD32#303030#2F4F4F

#2E8B57#2E2E2E#2B2B2B#292929

#282828#27408B#262626#242424

#228B22#218868#212121#20B2AA

#1F1F1F#1E90FF#1E1E1E#1C86EE

#1C1C1C#1A1A1A#191970#1874CD

#171717#141414#121212#104E8B

#0F0F0F#0D0D0D#0A0A0A#080808

#050505#030303#00FFFF#00FF7F

#00FF00#00FA9A#00F5FF#00EEEE

#00EE76#00EE00#00E5EE#00CED1

#00CDCD#00CD66#00CD00#00C5CD

#00BFFF#00B2EE#009ACD#008B8B

#008B45#008B00#00868B#00688B

#006400#0000FF#0000EE#0000CD

#0000AA#00008B#000080#000000

html透明颜色值,css中透明色的颜色值(rgb/rgba)相关推荐

  1. html5 css透明效果,css中实现背景透明的三种方式

    css中实现背景透明通常有如下3种方式,以下是这三种方式的不透明度为80%的写法: css3的opacity:x,x 的取值从 0 到 1,如opacity: 0.8 css3的rgba(red, g ...

  2. css透明饱和度,css中filter:alpha透明度使用

    css中filter:alpha透明度使用 使用filter可以设置透明度,filter:alpha在IE下是没有问题的,要支持firefox就需要使用-moz-opacity,下面有个不错的示例,大 ...

  3. CSS中的颜色值与颜色属性

    文章目录 颜色模型 CSS颜色值的类型 颜色名称 rgb[a] rgba的新写法 CSS元素的透明度 hex十六进制值 hsl[a] 颜色值关键字 transparent currentColor C ...

  4. 【CSS 颜色的 合法颜色值 (详细介绍)】

    CSS 颜色的 合法颜色值 1. 颜色关键字 ⑴ 颜色名 ⑵ transparent 关键字 ⑶ currentColor 关键字 2. 十六进制颜色 (#红绿蓝,0~f) 3. RGB 颜色 (整数 ...

  5. CSS 中的 HSL 和 HSLA 与 RGB 和 RGBA

    CSS 中的 HSL 颜色已经存在了十多年,但我发现它们仍然经常未被充分利用. 尽管它非常实用,但由于浏览器支持有限,许多开发人员避免使用 HSL CSS 功能. 随着浏览器对 HSL 颜色模型的支持 ...

  6. 【css】css中的颜色

    css中的16进制颜色与RGB的对应转换,透明设置 十六进制颜色值 RGB颜色值 RGBA颜色值 HSL 及 HSLA 预定义/跨浏览器颜色名 17种标准色 透明设置 用rgba设置透明颜色 用opa ...

  7. 16.CSS中使用颜色

    使用颜色 在计算机中,传统的模型之一为RGB模型,所有颜色都是通过红色.蓝色.绿色三种颜色进行组合:我们通过数值去表示 例如: 红色(255.0.0).蓝色(0.0.255).绿色(0.255.0) ...

  8. 零基础CSS入门教程(18)–颜色值

    点此查看 所有教程.项目.源码导航 本文目录 1. 前言 2. 三原色 3. RGB颜色值 4. 16进制颜色值 5. 取色 6. 小结 1. 前言 世界是五彩缤纷的,不论是皑皑的白雪.还是飘落的秋叶 ...

  9. CSS中如何实现背景图片透明并且固定和文字不透明效果

    设置背景图片的透明度,并且该背景图片不随鼠标滚动而移动,我们可以使用滤镜filter中的透明度设置opacity,并使用伪类before和定位 至于opacity的作用:转化图像的透明程度.值定义转换 ...

最新文章

  1. 用C语言解“然后是几点”问题
  2. Python高阶函数和eval函数
  3. mq多个消费者消费一个消息_消息中间件——RabbitMQ(五)快速入门生产者与消费者...
  4. Java servlet项目里的web.xml
  5. hyper服务器虚拟网卡和实际网卡,Hyper-V 3 虚拟网卡带宽应用限制
  6. c语言选题分析,c语言方面毕业设计选题.doc
  7. 第三周 3.13-3.19
  8. 手机上好用的java编译器_手机上好用的java编译器
  9. superset 可视化平台搭建
  10. 获取苹果收集设备ID的方法
  11. 打开oracle dmp,详细教您怎么打开dmp文件
  12. linux怎么进sda12,VMare12.0.1安装Ubuntu16.04.2遇到[sda] Assuming drive cache
  13. 6782. 2020.08.06【NOI2020】模拟T3 乌拉乌拉
  14. C++学习笔记(九)——运算符重载
  15. BTrace-Java 线上问题排查神器
  16. solr mysql 导入命令_Solr 07 - Solr从MySQL数据库中导入数据 (Solr DIH的使用示例)
  17. 检测屏幕.html,在线检测显示器屏幕尺寸
  18. JVM 运行时内存空间详解——元空间
  19. 0039c语言作业答案2020,中石油华东2020年秋季学期《程序设计(C语言)在线考试题目答案...
  20. FLEXSIM常用代码

热门文章

  1. Word如何快速设置多级标题并生成目录
  2. Multisim基础 直流电流源示例
  3. cpu过载linux杀进程,Linux CPU过载判断以及分析
  4. 【PHP MySQL】数据库专题 第八课 表连接
  5. 测试工具:adb+perfdog+charles+tidevice+Monkey
  6. JdbcTemplate空指针异常
  7. 163邮箱苹果设置不成功_怎么样才能让自己服务器发出的邮件不被 Gmail、Hotmail、163、QQ 等邮箱放入垃圾箱...
  8. 我们是怎么看中国企业服务的​
  9. git版本管理,有这一篇就够了(后端开发人员必备技能)
  10. 【圈外同学】Day01 一个模型,帮你找到真正热爱的