Natuurlike kleure (NCol) is 'n inisiatief van W3Schools.
Die stelsel is ontwerp om dit makliker te maak om HTML-kleure te kies.
NCol spesifiseer kleure deur 'n kleurletter met 'n nommer te gebruik om die afstand (in persent) vanaf die kleur te spesifiseer.
R30 beteken 30% weg van Rooi , beweeg na Geel . (Met ander woorde: Rooi met 30% Geel)
Brief | Kleur | Kleure |
---|---|---|
R | Rooi |
R
R25
R50
R75
|
Y | Geel |
Y
Y25
Y50
Y75
|
G | Groen |
G
G25
G50
G75
|
C | Siaan |
C
C25
C50
C75
|
B | Blou |
B
B25
B50
B75
|
M | Magenta |
M
M25
M50
M75
|
R | Y | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Kleur en afstand kan ook in kleure (0-360) gegee word:
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol word nie in HTML ondersteun nie, maar dit is baie naby aan die nuwe HWB-kleurstelsel wat in CSS4 voorgestel word.
Terwyl jy vir CSS4 wag, kan jy W3Schools se kleurbiblioteek insluit, en NCol as 'n HTML-kenmerk soos volg gebruik:
<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 JavaScript-biblioteek wat in die voorbeeld hierbo gebruik word, kan afgelaai word vanaf
https://www.w3schools.com/lib/w3color.js
Om kleure met behulp van RGB- of HEX-notasie te probeer verduidelik, is baie moeilik.
Kan jy sê watter kleur rgb(199,21,133) is?
RGB is gebaseer op hoe om kleure fisies te produseer deur ligbronne te meng.
NCol is gebaseer op hoe kleure vir die menslike oog lyk.
As gevolg hiervan maak NCol dit baie makliker om kleure te beskryf.
Natuurlike kleure is die eerste keer beskryf deur Karl Ewald Konstantin Hering (Duitsland 1834 - 1918).