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年)中描述。