ナチュラル・カラー (NCol) は、W3Schools からの新構想です。
システムは、簡単にHTMLの色を選択することを可能にするように設計されています。
NCol は、色からの距離を(パーセントで)指定するために、番号付きの色文字を使用して色を指定します。
R30 は、黄色に向かって移動し、赤から 30% 離れることを意味します。 (言い換えれば、30% の黄色を持つ赤)
Letter | 色 | 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 | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Color and distance can also be given in hues (0-360):
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol は、HTML では(まだ)サポートされていませんが、CSS4 で提案されている新しい HWB 色システムに非常に近いものです。
CSS4 を待っている間、W3Schools のカラー・ライブラリをインクルードし、次のように HTML 属性として NCol を使用することができます:
<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="http://www.w3schools.com/lib/w3color.js"></script>
Try It Yourself ❯
上の例で使用した JavaScript ライブラリは、次の URL からダウンロードできます
http://www.w3schools.com/lib/w3color.js
RGB または HEX 表記を使用して色を説明しようとすると、非常に困難です。
rgb(199,21,133) は何色と言うことができますか?
RGB は、物理的な光源を混合して色を生成する方法に基づいています。
NCol は、色が人間の目にどのように見えるかに基づいたものです。
これにより、NCol を使用すれば、はるかに容易に色を記述することができるようになります。
ナチュラル・カラーは、Karl Ewald Konstantin Hering (ドイツ 1834 - 1918) によって最初に解説されたものです。