web颜色探究

web颜色探究

HTML颜色

对于一个对网页制作一无所知的人来说,最大的吸引力莫过于网页中多彩缤纷的颜色组构,因此我决定要对HTML颜色一探究竟。当我了解了HTML后,我看到了web颜色。
web颜色指的是显示的网页颜色,对于每一个网页浏览器,所显示的网页都需要将网页中的颜色显示出来,因此在设计时就必须遵循一些规则来实现。首先先让我看到的是HTML颜色模式。以下内容是*对HTML颜色模式的大概说明:
1999年批准的HTML 4.01规范定义了16个命名颜色,[6]如下(在此上下文中定义的名称不区分大小写):

CSS 1-2.0,HTML 3.2-4和VGA颜色名称
名称
(RGB) 红色
(RGB) 绿色
(RGB) 蓝色
(RGB) 色调
(HSL / HSV) Satur。
(HSL) 光
(HSL) Satur。
(HSV) 价值
(HSV) CGA号(名) ; 别号
白色 #FFFFFF 100% 100% 100% 0° 0% 100% 0% 100% 15(白色)
黄色 #FFFF00 100% 100% 0% 60° 100% 50% 100% 100% 14(黄色)
紫红色 #FF00FF 100% 0% 100% 300° 100% 50% 100% 100% 13(高洋红色); 品红
红 #FF0000 100% 0% 0% 0° 100% 50% 100% 100% 12(高红)
水族 #00FFFF 0% 100% 100% 180° 100% 50% 100% 100% 11(高青色); 青色
青柠 #00FF00 0% 100% 0% 120° 100% 50% 100% 100% 10(高绿); 绿色
蓝色 #0000FF 0% 0% 100% 240° 100% 50% 100% 100% 09(高蓝)
灰色 #808080 50% 50% 50% 0° 0% 50% 0% 50% 08(深灰色)
银 #C0C0C0 75% 75% 75% 0° 0% 75% 0% 75% 07(浅灰色)
橄榄 #808000 50% 50% 0% 60° 100% 25% 100% 50% 06(棕色)
紫色 #800080 50% 0% 50% 300° 100% 25% 100% 50% 05(低洋红色)
栗色 #800000 50% 0% 0% 0° 100% 25% 100% 50% 04(低红)
蒂尔 #008080 0% 50% 50% 180° 100% 25% 100% 50% 03(低青色)
绿色 #008000 0% 50% 0% 120° 100% 25% 100% 50% 02(低绿)
海军 #000080 0% 0% 50% 240° 100% 25% 100% 50% 01(低蓝)
黑色 #000000 0% 0% 0% 0° 0% 0% 0% 0% 00(黑色)

这些被标记为sRGB,并被包含在HTML 3.0规范中,它们指出它们是“Windows VGA调色板支持的标准16色”。
其次我大概看来同学上传的一些关于RGB 的博客,已经大概对其有所了解,这里我也不详细讲RGB的意思以及它的颜色原理。
由于大多数颜色由网络浏览器定义,特定的浏览器可能无法识别所有这些颜色。这里x11颜色应运而生。由X windows系统分发出x11颜色列表,供所有浏览器参考。
不管是HTML、CSS、SVG或者是其他计算机程序都需要遵循“六甲三重态”这里的六甲三重态主要指的是它是一个六位三字节的十六进制来表示颜色,其中以色光三原色(红绿蓝RGB)来配置。每个颜色都是一个字节,当不足六位时,会在前自动补0。由于是六位,该系统能表示2^6的颜色。

web颜色探究

HSL和HSV

HSL(色相,饱和度,亮度)和HSV(色相,饱和度,值)是RGB颜色模型的两个替代表示,由20世纪70年代由计算机图形学研究人员设计,更符合人类视觉感知色彩属性的方式。在这些模型中,每个色调的颜色被布置在径向切片中,围绕中心颜色的中心轴线,范围从底部的黑色到顶部的白色。HSV表示模型将不同颜色的颜料混合在一起,饱和度尺寸类似于各种色彩鲜艳的油漆。HSL模型尝试类似于更多的感知色彩模型,例如NCS或Munsell,将完全饱和的颜色放置在圆圈周围,亮度值为1/2,亮度值为0或1分别为全黑色或白色。

NCS是一种专有的 感知 颜色模型。它是基于颜色对立的色觉假说,首先由德国生理学家Ewald Hering提出。
Munsell是一种颜色空间,它基于三个颜色尺寸指定颜色:色调,值(亮度)和色度(色纯度)。它由二十世纪头十年的Albert H. Munsell教授创立。
随着社会的发展,人们对颜色的要求也越来越高,很明显,不论是HSL、HSV还是NCS,他们在继承RGB 的同时也更加入了人的感知,使颜色更加比RGB灵活。
web颜色探究
图片来自* Musell

这就是我对web颜色的了解啦。。。。。。(小白内心是崩溃的!)