最适合网络开发者的网站
HTML 颜色。初学者课程

尿素

颜色 核苷


NCol 计算器


 
RGB(255,0,0)
#ff0000
高速缓存 (0, 100%, 50%)


H:
宽:
乙:

天然色素 (NCol)

自然色彩 (NCol) 是 W3Schools 的一项倡议。

该系统旨在让选择 HTML 颜色变得更加容易。

NCol 使用带有数字的颜色字母来指定颜色,以指定与颜色的距离(以百分比表示)。

R30 表示距离 红色的 ,朝着黄色的. (换句话说:红色加 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 碳数 = 180 B = 240 M = 300

HTML 支持

HTML 不支持 NCol,但它与 CSS4 中建议的新 HWB 颜色系统非常接近。

在等待 CSS4 时,您可以包含 W3Schools 的颜色库,并使用 NCol 作为 HTML 属性,如下所示:

例子

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

<p>伦敦是英国的首都。
它是英国人口最多的城市,
大都市区居民超过 1,300 万。</p>

</div>

<script src="../lib/w3color.js"></script>
亲自尝试 »

W3Schools 颜色库

上述示例中使用的 JavaScript 库可以从以下网址下载

https://22ae.com/lib/w3color.js


为什么选择 NCol?

尝试使用 RGB 或 HEX 符号来解释颜色非常困难。

你能说出 rgb(199,21,133) 是什么颜色吗?

RGB 基于如何通过混合光源来物理产生颜色。

NCol 基于人眼所看到的颜色。

因此,NCol 使得描述颜色变得更加容易。

自然色素最早由卡尔·埃瓦尔德·康斯坦丁·赫林(德国 1834 - 1918)描述。