最新的Web开发教程
 

Colors NCOL


NCOL计算器


RGB(255,0,0)
#FF0000
HSL(0,100%,50%)


H:
W:
乙:

自然的色彩(NCOL)

自然的色彩(NCOL)是w3ii的倡议。

该系统的设计,使其更容易选择HTML颜色。

NCOL指定使用的彩色字母与数字来指定从颜色的距离(百分比)的颜色。

R30是指从 30%,而转向移动黄色 。 (换句话说:红,用30%黄色)

颜色 色调
- [R
- [R
R25
R50
R75
ÿ 黄色
ÿ
Y25
Y50
Y75
G 绿色
G
G25
G50
G75
C 青色
C
C25
C50
C75
蓝色
B25
B50
B75
中号 品红
中号
M25
M50
M75
- [R ÿ G C 中号

颜色和距离也可以在色相(0-360)给出:

R = 000 Y = 060 G = 120 C = 180 B = 240 M = 300

HTML支持

NCOL不以HTML(还)的支持,但它是非常接近的新HWB颜色系统建议在CSS4。

在等待CSS4,您可以包括w3ii“色库,并使用NCOL作为像这样的HTML属性:

<div data-w3-color="R50,50%,0">

<p>London is the capital city of England.
It is the most populous city in the United Kingdom,
with a metropolitan area of over 13 million inhabitants.</p>

</div>

<script src="http://www.w3ii.com/lib/w3color.js"></script>
试一试»

w3ii颜色库

在上面的例子中使用的JavaScript库可被下载

http://www.w3ii.com/lib/w3color.js


为什么NCOL?

试图解释使用RGB或16进制的颜色是非常困难的。

你能告诉什么颜色的RGB(199,21,133)是什么?

RGB是基于如何物理混合光源产生的颜色。

NCOL是基于什么颜色看起来像人的眼睛。

正因为如此,NCOL使得它更容易来描述颜色。

自然的色彩首先由卡尔·埃瓦尔德康斯坦丁赫林( - 1918年德国1834年)中描述。