Farben NCol


NCol-Rechner


 
RGB(255, 0, 0)
#ff0000
hsl(0, 100 %, 50 %)


H:
W:
B:
"; } x += ""; x += ""; c = "R"; n = -1; for (i = 0; i "; } x += ""; x += ""; Dokument. getElementById("huetable").innerHTML = x; } function drawWhiteTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; für (i = 0; ich "; } x += "
" + ich + "
"; document.getElementById("whitetable").innerHTML = x; } function drawBlackTable(hue) { var x, i; x = "" x += ""; for (i = 0; i "; } x += ""; x += ""; für (i = 0; ich "; } x += "
" + ich + "
"; document.getElementById("blacktable").innerHTML = x; }

Natürliche Farben (NCol)

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)

BuchstabeFarbeFarbtöne
Rrot
R
R25
R50
R75
YGelb
Y
Y25
Y50
Y75
gGrün
g
G25
G50
G75
CCyan
C
C25
C50
C75
BBlau
B
B25
B50
B75
mMagenta
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


HTML-Unterstützung

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:

Beispiel

<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>

W3Schools-Farbbibliothek

Die im obigen Beispiel verwendete JavaScript-Bibliothek kann von heruntergeladen werden

https://www.w3schools.com/lib/w3color.js


Warum NCol?

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.


❮ Vorherige Nächste ❯