HTML+CSS入门之HTML 颜色
沉沙 2019-11-20 来源 : 阅读 916 评论 0

摘要:本篇文章探讨了HTML+CSS入门之HTML 颜色,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。

本篇文章探讨了HTML+CSS入门之HTML 颜色,希望阅读本篇文章以后大家有所收获,帮助大家对相关内容的理解更加深入。

HTML+CSS入门之HTML 颜色

<

 HTML 颜色由红色、绿色、蓝色混合而成。
颜色值
HTML 颜色由一个十六进制符号来定义,这个符号由红色、绿色和蓝色的值组成(RGB)。
每种颜色的最小值是0(十六进制:#00)。最大值是255(十六进制:#FF)。
这个表格给出了由三种颜色混合而成的具体效果:
颜色值
颜色(Color)  颜色十六进制(Color HEX)  颜色RGB(Color RGB)
   #000000  rgb(0,0,0)
   #FF0000  rgb(255,0,0)
   #00FF00  rgb(0,255,0)
   #0000FF  rgb(0,0,255)
   #FFFF00  rgb(255,255,0)
   #00FFFF  rgb(0,255,255)
   #FF00FF  rgb(255,0,255)
   #C0C0C0  rgb(192,192,192)
   #FFFFFF  rgb(255,255,255)
尝试一下 »
1600万种不同颜色
三种颜色 红,绿,蓝的组合从0到255,一共有1600万种不同颜色(256 x 256 x 256)。
在下面的颜色表中你会看到不同的结果,从0到255的红色,同时设置绿色和蓝色的值为0,随着红色的值变化,不同的值都显示了不同的颜色。
Red Light  Color HEX  Color RGB
   #000000   rgb(0,0,0)
   #080000  rgb(8,0,0)
   #100000  rgb(16,0,0)
   #180000  rgb(24,0,0)
   #200000  rgb(32,0,0)
   #280000  rgb(40,0,0)
   #300000  rgb(48,0,0)
   #380000  rgb(56,0,0)
   #400000  rgb(64,0,0)
   #480000  rgb(72,0,0)
   #500000  rgb(80,0,0)
   #580000  rgb(88,0,0)
   #600000  rgb(96,0,0)
   #680000  rgb(104,0,0)
   #700000  rgb(112,0,0)
   #780000  rgb(120,0,0)
   #800000  rgb(128,0,0)
   #880000  rgb(136,0,0)
   #900000  rgb(144,0,0)
   #980000  rgb(152,0,0)
   #A00000  rgb(160,0,0)
   #A80000  rgb(168,0,0)
   #B00000  rgb(176,0,0)
   #B80000  rgb(184,0,0)
   #C00000  rgb(192,0,0)
   #C80000  rgb(200,0,0)
   #D00000  rgb(208,0,0)
   #D80000  rgb(216,0,0)
   #E00000  rgb(224,0,0)
   #E80000 rgb(232,0,0)
   #F00000  rgb(240,0,0)
   #F80000  rgb(248,0,0)
   #FF0000  rgb(255,0,0)
灰暗色调
以下展示了灰色到黑色的渐变
Gray Shades  Color HEX  Color RGB
   #000000   rgb(0,0,0)
   #080808   rgb(8,8,8)
   #101010   rgb(16,16,16)
   #181818   rgb(24,24,24)
   #202020   rgb(32,32,32)
   #282828   rgb(40,40,40)
   #303030   rgb(48,48,48)
   #383838   rgb(56,56,56)
   #404040   rgb(64,64,64)
   #484848   rgb(72,72,72)
   #505050   rgb(80,80,80)
   #585858   rgb(88,88,88)
   #606060   rgb(96,96,96)
   #686868   rgb(104,104,104)
   #707070   rgb(112,112,112)
   #787878   rgb(120,120,120)
   #808080   rgb(128,128,128)
   #888888   rgb(136,136,136)
   #909090   rgb(144,144,144)
   #989898   rgb(152,152,152)
   #A0A0A0   rgb(160,160,160)
   #A8A8A8   rgb(168,168,168)
   #B0B0B0   rgb(176,176,176)
   #B8B8B8   rgb(184,184,184)
   #C0C0C0   rgb(192,192,192)
   #C8C8C8   rgb(200,200,200)
   #D0D0D0   rgb(208,208,208)
   #D8D8D8   rgb(216,216,216)
   #E0E0E0   rgb(224,224,224)
   #E8E8E8   rgb(232,232,232)
   #F0F0F0   rgb(240,240,240)
   #F8F8F8   rgb(248,248,248)
   #FFFFFF   rgb(255,255,255)
Web安全色?
数年以前,当大多数计算机仅支持 256 种颜色的时候,一系列 216 种 Web 安全色作为 Web 标准被建议使用。其中的原因是,微软和 Mac 操作系统使用了 40 种不同的保留的固定系统颜色(双方大约各使用 20 种)。
我们不确定如今这么做的意义有多大,因为越来越多的计算机有能力处理数百万种颜色,不过做选择还是你自己。
最初,216 跨平台 web 安全色被用来确保:当计算机使用 256 色调色板时,所有的计算机能够正确地显示所有的颜色。
000000  000033  000066  000099  0000CC  0000FF
003300  003333  003366  003399  0033CC  0033FF
006600  006633  006666  006699  0066CC  0066FF
009900  009933  009966  009999  0099CC  0099FF
00CC00  00CC33  00CC66  00CC99  00CCCC  00CCFF
00FF00  00FF33  00FF66  00FF99  00FFCC  00FFFF
330000  330033  330066  330099  3300CC  3300FF
333300  333333  333366  333399  3333CC  3333FF
336600  336633  336666  336699  3366CC  3366FF
339900  339933  339966  339999  3399CC  3399FF
33CC00  33CC33  33CC66  33CC99  33CCCC  33CCFF
33FF00  33FF33  33FF66  33FF99  33FFCC  33FFFF
660000  660033  660066  660099  6600CC  6600FF
663300  663333  663366  663399  6633CC  6633FF
666600  666633  666666  666699  6666CC  6666FF
669900  669933  669966  669999  6699CC  6699FF
66CC00  66CC33  66CC66  66CC99  66CCCC  66CCFF
66FF00  66FF33  66FF66  66FF99  66FFCC  66FFFF
990000  990033  990066  990099  9900CC  9900FF
993300  993333  993366  993399  9933CC  9933FF
996600  996633  996666  996699  9966CC  9966FF
999900  999933  999966  999999  9999CC  9999FF
99CC00  99CC33  99CC66  99CC99  99CCCC  99CCFF
99FF00  99FF33  99FF66  99FF99  99FFCC  99FFFF
CC0000  CC0033  CC0066  CC0099  CC00CC  CC00FF
CC3300  CC3333  CC3366  CC3399  CC33CC  CC33FF
CC6600  CC6633  CC6666  CC6699  CC66CC  CC66FF
CC9900  CC9933  CC9966  CC9999  CC99CC  CC99FF
CCCC00  CCCC33  CCCC66  CCCC99  CCCCCC  CCCCFF
CCFF00  CCFF33  CCFF66  CCFF99  CCFFCC  CCFFFF
FF0000  FF0033  FF0066  FF0099  FF00CC  FF00FF
FF3300  FF3333  FF3366  FF3399  FF33CC  FF33FF
FF6600  FF6633  FF6666  FF6699  FF66CC  FF66FF
FF9900  FF9933  FF9966  FF9999  FF99CC  FF99FF
FFCC00  FFCC33  FFCC66  FFCC99  FFCCCC  FFCCFF
FFFF00  FFFF33  FFFF66  FFFF99  FFFFCC  FFFFFF    

      本文由职坐标整理发布,学习更多的相关知识,请关注职坐标IT知识库!

本文由 @沉沙 发布于职坐标。未经许可,禁止转载。
喜欢 | 0 不喜欢 | 0
看完这篇文章有何感觉?已经有0人表态,0%的人喜欢 快给朋友分享吧~
评论(0)
后参与评论

您输入的评论内容中包含违禁敏感词

我知道了

助您圆梦职场 匹配合适岗位
验证码手机号,获得海同独家IT培训资料
选择就业方向:
人工智能物联网
大数据开发/分析
人工智能Python
Java全栈开发
WEB前端+H5

请输入正确的手机号码

请输入正确的验证码

获取验证码

您今天的短信下发次数太多了,明天再试试吧!

提交

我们会在第一时间安排职业规划师联系您!

您也可以联系我们的职业规划师咨询:

小职老师的微信号:z_zhizuobiao
小职老师的微信号:z_zhizuobiao

版权所有 职坐标-一站式IT培训就业服务领导者 沪ICP备13042190号-4
上海海同信息科技有限公司 Copyright ©2015 www.zhizuobiao.com,All Rights Reserved.
 沪公网安备 31011502005948号    

©2015 www.zhizuobiao.com All Rights Reserved

208小时内训课程