色NCol
NCol電卓
rgb（255、0、0）
＃ff0000
hsl（0、100％、50％）
H：
W：
B：
ナチュラルカラー（NCol）は、W3Schoolsのイニシアチブです。
このシステムは、HTMLの色を簡単に選択できるように設計されています。
NColは、色からの距離（パーセント）を指定するための数字を含むカラー文字を使用して色を指定します。
R30は、赤から30％離れて、黄色に向かって移動することを意味します。（言い換えれば、30％黄色の赤）
| 手紙 | 色 | 色相 |
|---|---|---|
| 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 |
NColはHTMLでサポートされていませんが、CSS4で提案されている新しいHWBカラーシステムに非常に近いものです。
CSS4を待っている間に、W3Schoolsのカラーライブラリを含めて、次のようにNColをHTML属性として使用できます。
<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="/lib/w3color.js"></script>
上記の例で使用されているJavaScriptライブラリは、
https://www.w3schools.com/lib/w3color.js
RGBまたはHEX表記を使用して色を説明しようとするのは非常に困難です。
rgb（199,21,133）の色がわかりますか？
RGBは、光源を混合して物理的に色を生成する方法に基づいています。
NColは、人間の目にどのような色が見えるかに基づいています。
このため、NColを使用すると色の記述がはるかに簡単になります。
自然な色は、Karl Ewald Konstantin Hering（ドイツ1834-1918）によって最初に記述されました。