Natürliche Farben (NCol) ist eine Initiative von W3Schools.
Das System soll die Auswahl von HTML-Farben erleichtern.
NCol gibt Farben an, indem ein Farbbuchstabe mit einer Zahl verwendet wird, um den Abstand (in Prozent) von der Farbe anzugeben.
R30 bedeutet 30 % weg von Rot und bewegt sich in Richtung Gelb . (In anderen Worten: Rot mit 30 % Gelb)
Buchstabe | Farbe | Farbtöne |
---|---|---|
R | rot |
R
R25
R50
R75
|
Y | Gelb |
Y
Y25
Y50
Y75
|
g | Grün |
g
G25
G50
G75
|
C | Cyan |
C
C25
C50
C75
|
B | Blau |
B
B25
B50
B75
|
m | Magenta |
m
M25
M50
M75
|
R | Y | g | C | B | m | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Farbe und Abstand können auch in Farbtönen (0-360) angegeben werden:
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol wird in HTML nicht unterstützt, aber es kommt dem neuen HWB-Farbsystem, das in CSS4 vorgeschlagen wird, sehr nahe.
Während Sie auf CSS4 warten, können Sie die Farbbibliothek von W3Schools einbinden und NCol wie folgt als HTML-Attribut verwenden:
<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>
Die im obigen Beispiel verwendete JavaScript-Bibliothek kann von heruntergeladen werden
https://www.w3schools.com/lib/w3color.js
Der Versuch, Farben mit RGB- oder HEX-Notation zu erklären, ist sehr schwierig.
Können Sie sagen, welche Farbe rgb(199,21,133) ist?
RGB basiert auf der physikalischen Erzeugung von Farben durch Mischen von Lichtquellen.
NCol basiert darauf, wie Farben für das menschliche Auge aussehen.
Aus diesem Grund macht NCol es viel einfacher, Farben zu beschreiben.
Naturfarben wurden erstmals von Karl Ewald Konstantin Hering (Deutschland 1834 - 1918) beschrieben.