第六周(颜色表及其表示法)

注:参考W3c中文网站CSS颜色表

CSS 颜色



颜色是由红(RED),绿(GREEN),蓝(BLUE )光线的显示结合。


颜色值

CSS中定义颜色使用十六进制(hex)表示法为红,绿,蓝的颜色值结合。可以是最低值是0(十六进制00)到最高值是255(十六进制FF)

3个双位数字的十六进制值写法,以#符号开始。

Color Examples

Color Color HEX 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 × 256 ×256)。

现代大多数显示器能够显示至少16384种颜色。

如果你看看下面的颜色表,你会看到从0到255不同的红灯颜色。

要看到充满色彩混合时红灯从0到255变化,单击十六进制或RGB值。

红光 16进制值 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 HEX 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)
  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)

原文地址:https://www.cnblogs.com/LQLM/p/9880358.html

时间: 2024-07-31 03:31:15

第六周(颜色表及其表示法)的相关文章

css颜色表示法及颜色表

颜色表示法 一.直接输入CSS颜色的关键词,如red blue等. 二.十六进制值,如#0000. 三.RGB: rgb(255,0,0),这是给定的三个参数表示的红色,绿色和蓝色通道的颜色值每个通道不是由两个十六进制数字表示的,而是由0到255之间的十进制数表示的. 四.HSL:该hsl( )函数接受色相.饱和度以及明度值 色调:颜色的底色调.这个值在0到360之间,表示色轮周围的角度. 饱和度:饱和度是多少?这需要一个价值从0-100%,其中0是没有颜色(它将显示为灰色),100%是全彩色饱

第六周 可执行代码 以及 PSP 燃尽图 等等

转眼已经第六周了.这周主要内容有下:(CHECKLIST) 1.完成未完成的功能点. 2.PSP. 3.站立会议(待开). 4.燃尽图. 5.各种图(折线,饼图). 6.checkList 具体任务如下: 1. i.将用户做过的题目整理到习题本中. ii.习题本可以记录用户当时填写的答案. iii.规范算式(4个数字). iv.将做过的题目去重. v.再次规范化输出算式(生成数目多少,括号位置,括号对数). vi.支持分数运算. vii.结果用分数显示. viii.结果显示分数的最简形式. iX

HTML RGB 颜色表 16进制表 颜色对应表

 16 常用颜色表(颜色 + RGB + 名字): Color Value Name   Color Value Name   #00FFFF aqua     #808080 gray   #000080 navy     #C0C0C0 silver   #000000 black     #008000 green   #808000 olive     #008080 teal   #0000FF blue     #00FF00 lime   #800080 purple     #F

第六周交流会内容

第六周 交流会  -bO莱特 一.接口作为参数,不同的接口调用不同的方法,例如:输出“I love Game”或输出“我喜欢游戏” 接口的思想:在于可以增加很多类都需要实现的功能.比如:各式各样的商品,可能隶属不同公司,但工商部门都必须具有显示商标的功能(实现同一接口).商标的具体制作由各个公司自己去实现. 给其他类去实现,不同的类不同的实现自己想要的结果. interface Show{                                       //1.定义接口 void s

20145307陈俊达第六周JAVA学习总结

20145307陈俊达第六周JAVA学习总结 知识点梳理 第十章节 S1 ·若要将数据从来源中取出,可以使用输入串流:若要将数据写入目的地,可以使用输出串流.在java中,输入串流代表对象为java.in.InputStream的实例:输出串流代表对象为java.io.Outputstream的实例. ·在来源与目的地都不知道的情况下可以设计一个通用的dump()方法,该方法接受InputStream与OutputStream实例,分别代表读取数据的来源.输出的目的地. ·每次从Inputstr

六周第一次课(1月15日) 9.1 正则介绍_grep上 9.2 grep中 9.3 grep下

六周第一次课(1月15日)9.1 正则介绍_grep上9.2 grep中9.3 grep下 在计算机科学中,对"正则表达式" 的定义是:它使用单个字符串来描述或匹配一系列符合某个句法规则的字符串.在很多文本编辑器或其他工具里,正则表达式通常用来检索和替换那些符合某个模式的文本内容.许多程序设计语言也都支持利用正则表达式进行字符串操作.对于系统管理员来讲,正则表达式贯穿在我们的日常运维工作中,无论是查找某个文档,还是查询某个日志文件并分析其容,都会用到正则表达式.其实正则表达式只是一种思

六周第三次课(1月17日) 9.6/9.7 awk

六周第三次课(1月17日)9.6/9.7awk ==================================================================================================================================================================================================================================

20165315 第六周学习总结

20165315 第六周学习总结 本周学习中遇到的问题和解决过程 在编写第八章例子7时,编译正常,但运行时出现如下问题: 解决过程: 经过多次尝试,我发现在我的电脑系统下,一个汉字是占3个字节的,故不能完全照抄书上代码,修改后即可运行出正确结果: 在编写第八章例子21时,出现如下问题: 解决过程: 在命令行中是可以实现的 询问了许多同学,还没有找到在IDEA中实现的解决方法,找到后会补上这部分 在编写第十五章例子11时,运行没有问题,出现如下窗口: 但是输入需要录入的数据后,点击"录入"

20165324 《Java程序设计》 第六周

学号 2016-2017-2 <Java程序设计>第六周学习总结 教材学习内容总结 第八章 常用实用类 String类 构造String对象:常量对象:String对象:引用String常量. 字符串的并置:String对象使用"+"进行并置运算,即首尾相接. String类的常用方法 public int length():获取String对象的长度. public boolean equals(String s):比较当前String对象的字符序列是否与参数s指定的St