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