颜色 核苷
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)描述。