Les couleurs naturelles (NCol) sont une initiative de W3Schools.
Le système est conçu pour faciliter la sélection des couleurs HTML.
NCol spécifie les couleurs à l'aide d'une lettre de couleur avec un nombre pour spécifier la distance (en pourcentage) de la couleur.
R30 signifie 30% loin de Red , se déplaçant vers Yellow . (En d'autres termes : rouge avec 30 % de jaune)
Lettre | Couleur | Teintes |
---|---|---|
R | rouge |
R
R25
R50
R75
|
Oui | Jaune |
Oui
Y25
Y50
Y75
|
g | Vert |
g
G25
G50
G75
|
C | cyan |
C
C25
C50
C75
|
B | Bleu |
B
B25
B50
B75
|
M | Magenta |
M
M25
M50
M75
|
R | Oui | g | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
La couleur et la distance peuvent également être données en teintes (0-360):
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol n'est pas pris en charge en HTML, mais il est très proche du nouveau système de couleurs HWB suggéré dans CSS4.
En attendant CSS4, vous pouvez inclure la bibliothèque de couleurs de W3Schools et utiliser NCol comme attribut HTML comme ceci :
<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 bibliothèque JavaScript utilisée dans l'exemple ci-dessus peut être téléchargée à partir de
https://www.w3schools.com/lib/w3color.js
Essayer d'expliquer les couleurs en utilisant la notation RVB ou HEX est très difficile.
Pouvez-vous dire quelle est la couleur RVB (199,21,133) ?
Le RVB est basé sur la façon de produire physiquement des couleurs en mélangeant des sources lumineuses.
NCol est basé sur l'apparence des couleurs pour l'œil humain.
Pour cette raison, NCol facilite grandement la description des couleurs.
Les couleurs naturelles ont été décrites pour la première fois par Karl Ewald Konstantin Hering (Allemagne 1834 - 1918).