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

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

CSS 颜色


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


颜色值

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

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

Color Examples

ColorColor HEXColor RGB
 #000000rgb(0,0,0)
 #FF0000rgb(255,0,0)
 #00FF00rgb(0,255,0)
 #0000FFrgb(0,0,255)
 #FFFF00rgb(255,255,0)
 #00FFFFrgb(0,255,255)
 #FF00FFrgb(255,0,255)
 #C0C0C0rgb(192,192,192)
 #FFFFFFrgb(255,255,255)

尝试一下 »

 


1600多万个不同的颜色

红,绿,蓝值从0到255的结合,给出了总额超过1600多万不同的颜色(256 × 256 ×256)。

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

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

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

红光16进制值RGB
 #000000rgb(0,0,0)
 #080000rgb(8,0,0)
 #100000rgb(16,0,0)
 #180000rgb(24,0,0)
 #200000rgb(32,0,0)
 #280000rgb(40,0,0)
 #300000rgb(48,0,0)
 #380000rgb(56,0,0)
 #400000rgb(64,0,0)
 #480000rgb(72,0,0)
 #500000rgb(80,0,0)
 #580000rgb(88,0,0)
 #600000rgb(96,0,0)
 #680000rgb(104,0,0)
 #700000rgb(112,0,0)
 #780000rgb(120,0,0)
 #800000rgb(128,0,0)
 #880000rgb(136,0,0)
 #900000rgb(144,0,0)
 #980000rgb(152,0,0)
 #A00000rgb(160,0,0)
 #A80000rgb(168,0,0)
 #B00000rgb(176,0,0)
 #B80000rgb(184,0,0)
 #C00000rgb(192,0,0)
 #C80000rgb(200,0,0)
 #D00000rgb(208,0,0)
 #D80000rgb(216,0,0)
 #E00000rgb(224,0,0)
 #E80000rgb(232,0,0)
 #F00000rgb(240,0,0)
 #F80000rgb(248,0,0)
 #FF0000rgb(255,0,0)

灰阶

灰阶代表了由最暗到最亮之间不同亮度的层次级别,为了使您更容易选择合适的灰色,我们已编制了灰色色调的表:

 

Gray ShadesHEXRGB
 #000000rgb(0,0,0)
 #080808rgb(8,8,8)
 #101010rgb(16,16,16)
 #181818rgb(24,24,24)
 #202020rgb(32,32,32)
 #282828rgb(40,40,40)
 #303030rgb(48,48,48)
 #383838rgb(56,56,56)
 #404040rgb(64,64,64)
 #484848rgb(72,72,72)
 #505050rgb(80,80,80)
 #585858rgb(88,88,88)
 #606060rgb(96,96,96)
 #686868rgb(104,104,104)
 #707070rgb(112,112,112)
 #787878rgb(120,120,120)
 #808080rgb(128,128,128)
 #888888rgb(136,136,136)
 #909090rgb(144,144,144)
 #989898rgb(152,152,152)

 

 rgb(160,160,160)
 #A8A8A8rgb(168,168,168)
 #B0B0B0rgb(176,176,176)
 #B8B8B8rgb(184,184,184)
 #C0C0C0rgb(192,192,192)
 #C8C8C8rgb(200,200,200)
 #D0D0D0rgb(208,208,208)
 #D8D8D8rgb(216,216,216)
 #E0E0E0rgb(224,224,224)
 #E8E8E8rgb(232,232,232)
 #F0F0F0rgb(240,240,240)
 #F8F8F8rgb(248,248,248)
 #FFFFFFrgb(255,255,255)

转载于:https://www.cnblogs.com/LQLM/p/9880358.html

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值