HTML 颜色 NCol
Natural Colors (NCol)
自然色（NCol）是推荐使用的。
该系统旨在使选择 HTML 颜色更容易。
NCol 使用带有数字的颜色字母指定颜色，以指定与颜色的距离（以百分比为单位）。
R30 表示距离 红色 30%，向 黄色 移动。（换句话说：红色加 30% 黄色）
| 字母 | 颜色 | 色调 |
|---|---|---|
| R | Red | R R25 R50 R75 |
| Y | Yellow | Y Y25 Y50 Y75 |
| G | Green | G G25 G50 G75 |
| C | Cyan | C C25 C50 C75 |
| B | Blue | B B25 B50 B75 |
| M | Magenta | M M25 M50 M75 |
| R | Y | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
颜色和距离也可以用色调（0-360）表示:
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
HTML 支持
HTML 中不支持 NCol，但它非常接近 CSS4 中建议的新 HWB 颜色系统。
在等待 CSS4 时，可以这样使用 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="/js/pickcolor.js"></script>
颜色库
上述示例中使用的 JavaScript 库可以从下面地址获得:
https://cankaoshouce.com/js/pickcolor.js
为什么使用 NCol?
试图用 RGB 或十六进制符号解释颜色是非常困难的。
你能说出 rgb（19921133）是什么颜色吗？
RGB 基于如何通过混合光源来物理地产生颜色。
NCol 基于人眼看到的颜色。
正因为如此，NCol 使得描述颜色变得更加容易。
卡尔·伊瓦尔德·康斯坦丁·赫林（Karl Ewald Konstantin Hering，德国 1834-1918）最先描述了自然色。