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