HTML颜色构成及写法和常见颜色代码值

什么是HTML 颜色?它采用的是 RGB 颜色,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色。HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB);每种颜色的最小值是0(十六进制:#00),最大值是255(十六进制:#FF);三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。

HTML常用颜色代码表
 #000000 #2F0000 #600030 #460046 #28004D
 #272727 #4D0000 #820041 #5E005E #3A006F
 #3C3C3C #600000 #9F0050 #750075 #4B0091
 #4F4F4F #750000 #BF0060 #930093 #5B00AE
 #5B5B5B #930000 #D9006C #AE00AE #6F00D2
 #6C6C6C #AE0000 #F00078 #D200D2 #8600FF
 #7B7B7B #CE0000 #FF0080 #E800E8 #921AFF
 #8E8E8E #EA0000 #FF359A #FF00FF #9F35FF
 #9D9D9D #FF0000 #FF60AF #FF44FF #B15BFF
 #ADADAD #FF2D2D #FF79BC #FF77FF #BE77FF
 #BEBEBE #FF5151 #FF95CA #FF8EFF #CA8EFF
 #d0d0d0 #ff7575 #ffaad5 #ffa6ff #d3a4ff
 #E0E0E0 #FF9797 #FFC1E0 #FFBFFF #DCB5FF
 #F0F0F0 #FFB5B5 #FFD9EC #FFD0FF #E6CAFF
 #FCFCFC #FFD2D2 #FFECF5 #FFE6FF #F1E1FF
 #FFFFFF #FFECEC #FFF7FB #FFF7FF #FAF4FF
 #000079 #000079 #003E3E #006030 #006000
 #000093 #003D79 #005757 #01814A #007500
 #0000C6 #004B97 #007979 #019858 #009100
 #0000C6 #005AB5 #009393 #01B468 #00A600
 #0000E3 #0066CC #00AEAE #02C874 #00BB00
 #2828FF #0072E3 #00CACA #02DF82 #00DB00
 #4A4AFF #0080FF #00E3E3 #02F78E #00EC00
 #6A6AFF #2894FF #00FFFF #1AFD9C #28FF28
 #7D7DFF #46A3FF #4DFFFF #4EFEB3 #53FF53
 #9393FF #66B3FF #80FFFF #7AFEC6 #79FF79
 #AAAAFF #84C1FF #A6FFFF #96FED1 #93FF93
 #B9B9FF #97CBFF #BBFFFF #ADFEDC #A6FFA6
 #CECEFF #ACD6FF #CAFFFF #C1FFE4 #BBFFBB
 #DDDDFF #C4E1FF #D9FFFF #D7FFEE #CEFFCE
 #ECECFF #D2E9FF #ECFFFF #E8FFF5 #DFFFDF
 #FBFBFF #ECF5FF #FDFFFF #FBFFFD #F0FFF0
 #467500 #424200 #5B4B00 #844200 #642100
 #548C00 #5B5B00 #796400 #9F5000 #842B00
 #64A600 #737300 #977C00 #BB5E00 #A23400
 #73BF00 #8C8C00 #AE8F00 #D26900 #BB3D00
 #82D900 #A6A600 #C6A300 #EA7500 #D94600
 #8CEA00 #C4C400 #D9B300 #FF8000 #F75000
 #9AFF02 #E1E100 #EAC100 #FF9224 #FF5809
 #A8FF24 #F9F900 #FFD306 #FFA042 #FF8040
 #B7FF4A #FFFF37 #FFDC35 #FFAF60 #FF8F59
 #C2FF68 #FFFF6F #FFE153 #FFBB77 #FF9D6F
 #CCFF80 #FFFF93 #FFE66F #FFC78E #FFAD86
 #D3FF93 #FFFFAA #FFED97 #FFD1A4 #FFBD9D
 #DEFFAC #FFFFB9 #FFF0AC #FFDCB9 #FFCBB3
 #E8FFC4 #FFFFCE #FFF4C1 #FFE4CA #FFDAC8
 #EFFFD7 #FFFFDF #FFF8D7 #FFEEDD #FFE6D9
 #F5FFE8 #FFFFF4 #FFFCEC #FFFAF4 #FFF3EE
 #613030 #616130 #336666 #484891 #6C3365
 #743A3A #707038 #3D7878 #5151A2 #7E3D76
 #804040 #808040 #408080 #5A5AAD #8F4586
 #984B4B #949449 #4F9D9D #7373B9 #9F4D95
 #AD5A5A #A5A552 #5CADAD #8080C0 #AE57A4
 #B87070 #AFAF61 #6FB7B7 #9999CC #B766AD
 #C48888 #B9B973 #81C0C0 #A6A6D2 #C07AB8
 #CF9E9E #C2C287 #95CACA #B8B8DC #CA8EC2
 #D9B3B3 #CDCD9A #A3D1D1 #C7C7E2 #D2A2CC
 #E1C4C4 #D6D6AD #B3D9D9 #D8D8EB #DAB1D5
 #EBD6D6 #DEDEBE #C4E1E1 #E6E6F2 #E2C2DE
 #F2E6E6 #E8E8D0 #D1E9E9 #F3F3FA #EBD3E8

什么是HTML 颜色名?目前所有浏览器都支持以下颜色名;141个颜色名称是在HTML和CSS颜色规范定义的(17标准颜色,再加124);下表列出了所有颜色的值,包括十六进制值。提示: 17标准颜色:黑色,蓝色,水,紫红色,灰色,绿色,石灰,栗色,海军,橄榄,橙,紫,红,白,银,蓝绿色,黄色。

什么是HTML 颜色值?颜色由红(R)、绿(G)、蓝(B)组成;颜色值由十六进制来表示红、绿、蓝(RGB);每个颜色的最低值为0(十六进制为00),最高值为255(十六进制为FF);十六进制值的写法为#号后跟三个或六个十六进制字符;三位数表示法为:#RGB,转换为6位数表示为:#RRGGBB。

颜色实例
颜色3位十六进制颜色值6位十六进制颜色值RGB
 #000#000000rgb(0,0,0)
 #F00#FF0000rgb(255,0,0)
 #0F0#00FF00rgb(0,255,0)
 #00F#0000FFrgb(0,0,255)
 #FF0#FFFF00rgb(255,255,0)
 #0FF#00FFFFrgb(0,255,255)
 #F0F#FF00FFrgb(255,0,255)
 #888#888888rgb(136,136,136)
 #FFF#FFFFFFrgb(255,255,255)

补充说明:汇总css布局模型和常见代码缩写与长度单位   css基本概念与css核心语法介绍

  1. 颜色值缩写/*关于颜色的css样式也是可以缩写的,当你设置的颜色是16进制的色彩值时,如果每两位的值相同,可以缩写一半*/比方:p{color:#000000;}与p{color: #336699;}可写成p{color:#000}与p{color:#369}
  2. 颜色值概述为:在网页中的颜色设置是非常重要,有字体颜色(color)、背景颜色(background-color)、边框颜色(border)等,设置颜色的方法也有很多种:(1).英文命令颜色:p{color:red;}(2).RGB颜色:这个与 photoshop 中的 RGB 颜色是一致的,由 R(red)、G(green)、B(blue) 三种颜色的比例来配色。p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数,也可以是 0%~100% 的百分数。如:p{color:rgb(20%,33%,25%);}(3).十六进制颜色:这种颜色设置方法是现在比较普遍使用的方法,其原理其实也是 RGB 设置,但是其每一项的值由 0-255 变成了十六进制 00-ff。p{color:#00ffff;}
  3. css中颜色为RGB红、绿、蓝三种色彩模式,颜色由浅入深,对应数字0-255,这也是系统默认颜色

3.1颜色表示color(255,0,0)红色,如果用百分比表示为(100%,0,0)
3.2颜色也可以用具体的英文单词表示,比方说:红色就是red,绿色就是green,蓝色就是blue等
3.3从设计师而言,颜色也可以按照16进制,0-9是10,剩余的从a-f开始,这才15位,至于16则用10表示;颜色表示形式为#开头,比方红色是#ff0000=>rgb(255,0,0)针对这种重复的就可以2个写成一个,展示为#f00


 拓展延伸//学习网址:HTML 颜色、HTML 颜色名、HTML 颜色值

  1. RGB颜色模式与CMYK颜色模式有什么区别
  2. 浅谈三原色,rgb及cmyk
  3. 的三原色与颜料的三原色一回事吗
  4. 三原色百度百科介绍
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值