NCol 颜色
NCol 计算器
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
H
W
B
自然色 (NCol)
自然色 (NCol) 是 W3Schools 的一项倡议。
该系统旨在使选择 HTML 颜色变得更加容易。
NCol 使用带有数字的颜色字母指定颜色，以指定与颜色的距离（以百分比为单位）。
R30 表示距离 Red 30%，向 Yellow 移动。 （换句话说:红色加 30% 黄色）
| Letter | 颜色 | Hues |
|---|---|---|
| R | 红色 |
R
R25
R50
R75 |
| Y | 黄色 |
Y
Y25
Y50
Y75 |
| G | 绿色 |
G
G25
G50
G75 |
| C | 青色 |
C
C25
C50
C75 |
| B | 蓝色 |
B
B25
B50
B75 |
| M | 洋红色 |
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 颜色系统。
您可以包含 freew3c 的颜色库，并使用 NCol 作为 HTML 属性，如下所示:
示例
<div data-w3-color="R50,50%,0">
<p>伦敦是英格兰的首都。
它是英国人口最多的城市，
都市区有超过 1300 万居民。</p>
</div>
<script src="/lib/w3color.js"></script>亲自试一试 »