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

发布时间:2020-11-19 发布网站:脚本之家
前端之家收集整理的这篇文章主要介绍了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 #000000 rgb(0,0)
  #F00 #FF0000 rgb(255,0)
  #0F0 #00FF00 rgb(0,1)">  #00F #0000FF rgb(0,255)
  #FF0 #FFFF00 rgb(255,1)">  #0FF #00FFFF rgb(0,1)">  #F0F #FF00FF rgb(255,255)
  #888 #888888 rgb(136,136,136)
  #FFF #FFFFFF rgb(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)红色,如果用百分比表示为(100%,0)
3.2颜色也可以用具体的英文单词表示,比方说:红色就是red,绿色就是green,蓝色就是blue等
3.3从设计师而言,颜色也可以按照16进制,0-9是10,剩余的从a-f开始,这才15位,至于16则用10表示;颜色表示形式为#开头,比方红色是#ff0000=>rgb(255,0)针对这种重复的就可以2个写成一个,展示为#f00


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

  1. RGB颜色模式与CMYK颜色模式有什么区别
  2. 浅谈三原色,rgb及cmyk
  3. 的三原色与颜料的三原色一回事吗
  4. 三原色百度百科介绍

总结


以上是前端之家为你收集整理的HTML颜色构成及写法和常见颜色代码值全部内容,希望文章能够帮你解决HTML颜色构成及写法和常见颜色代码值所遇到的程序开发问题。

如果觉得前端之家网站内容还不错,欢迎将前端之家网站推荐给前端开发程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。