Kleuren NCol
NCol-calculator
RGB(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
H:
W:
B:
Natuurlijke kleuren (NCol) is een initiatief van W3Schools.
Het systeem is ontworpen om het selecteren van HTML-kleuren gemakkelijker te maken.
NCol specificeert kleuren met behulp van een kleurletter met een nummer om de afstand (in procenten) van de kleur aan te geven.
R30 betekent 30% weg van Rood , richting Geel . (Met andere woorden: Rood met 30% Geel)
| Brief | Kleur | tinten |
|---|---|---|
| R | rood |
R
R25
R50
R75
|
| ja | Geel |
ja
Y25
Y50
Y75
|
| G | Groente |
G
G25
G50
G75
|
| C | cyaan |
C
C25
C50
C75
|
| B | Blauw |
B
B25
B50
B75
|
| m | Magenta |
m
M25
M50
M75
|
| R | ja | G | C | B | m | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Kleur en afstand kunnen ook in tinten (0-360) worden opgegeven:
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol wordt niet ondersteund in HTML, maar het komt zeer dicht in de buurt van het nieuwe HWB-kleursysteem dat in CSS4 wordt voorgesteld.
Terwijl u wacht op CSS4, kunt u de kleurenbibliotheek van W3Schools opnemen en NCol als een HTML-attribuut als volgt gebruiken:
<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>
De JavaScript-bibliotheek die in het bovenstaande voorbeeld wordt gebruikt, kan worden gedownload van:
https://www.w3schools.com/lib/w3color.js
Kleuren proberen uit te leggen met RGB- of HEX-notatie is erg moeilijk.
Kun je zien welke kleur rgb(199,21,133) is?
RGB is gebaseerd op het fysiek produceren van kleuren door lichtbronnen te mengen.
NCol is gebaseerd op hoe kleuren eruitzien voor het menselijk oog.
Hierdoor maakt NCol het veel gemakkelijker om kleuren te beschrijven.
Natuurlijke kleuren werden voor het eerst beschreven door Karl Ewald Konstantin Hering (Duitsland 1834 - 1918).