颜色 Ncol

• 

  NCol 计算器

   

  rgb(255, 0, 0)

  #ff0000

  hsl(0, 100%, 50%)

  ---

  H:

  W:

  B:

  ---

  在我们的拾色器中使用此颜色
• 

  自然色（NCol）

  自然色彩（NCol）是 W3C 的一项创举。

  该系统旨在简化 HTML 颜色的选择。

  NCol 使用带有数字的颜色字母指定颜色，以指定到颜色的距离（百分比）。

  R30 表示远离红色 30％，朝向黄色。（换句话说：红色，黄色占30％）

  Letter	Color	Hues
  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

• 

  CMYK 示例

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

  等待 CSS4 时，您可以包括 W3C 的颜色库，并将 NCol 用作 HTML 属性，如下所示：

  <div data-w3-color="R50,50%,0">
    <p>北京是一个人口众多的城市，有天安门，万里长城！</p>
  </div>
  <script src="w3color.js"></script>
  

  尝试一下