Colori NCol
Calcolatrice NCol
RGB(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
H:
W:
B:
Colori naturali (NCol) è un'iniziativa di W3Schools.
Il sistema è progettato per semplificare la selezione dei colori HTML.
NCol specifica i colori utilizzando una lettera di colore con un numero per specificare la distanza (in percentuale) dal colore.
R30 significa 30% di distanza dal rosso , spostandosi verso il giallo . (In altre parole: rosso con il 30% di giallo)
| Lettera | Colore | Tonalità |
|---|---|---|
| R | rosso |
R
R25
R50
R75
|
| Y | Giallo |
Y
Y25
Y50
Y75
|
| G | Verde |
G
G25
G50
G75
|
| C | Ciano |
C
C25
C50
C75
|
| B | Blu |
B
B25
B50
B75
|
| m | Magenta |
m
M25
M50
M75
|
| R | Y | G | C | B | m | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Il colore e la distanza possono essere indicati anche in tonalità (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol non è supportato in HTML, ma è molto vicino al nuovo sistema di colori HWB suggerito in CSS4.
In attesa di CSS4, puoi includere la libreria Color di W3Schools e utilizzare NCol come attributo HTML come questo:
<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>
La libreria JavaScript utilizzata nell'esempio sopra può essere scaricata da
https://www.w3schools.com/lib/w3color.js
Cercare di spiegare i colori usando la notazione RGB o HEX è molto difficile.
Puoi dire di che colore è rgb(199,21,133)?
RGB si basa su come produrre fisicamente i colori mescolando le sorgenti luminose.
NCol si basa sull'aspetto dei colori all'occhio umano.
Per questo motivo, NCol rende molto più facile descrivere i colori.
I colori naturali furono descritti per la prima volta da Karl Ewald Konstantin Hering (Germania 1834 - 1918).