ncol Calculator
Couleurs naturelles (Ncol)
Les couleurs naturelles (Ncol) est une initiative de w3ii.
Le système est conçu pour le rendre plus facile pour sélectionner les couleurs de HTML.
Ncol spécifie les couleurs en utilisant une lettre de couleur avec un nombre pour spécifier la distance (en pour cent) de la couleur.
R30 signifie 30% loin de Red, se déplaçant vers le jaune. (En d'autres termes: rouge avec 30% Jaune)
Lettre | Couleur | Hues |
---|---|---|
R | rouge | R R25 R50 R75 |
Y | Jaune | Y 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 | Y | g | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Couleur et la distance peuvent également être donnés dans des teintes (0-360):
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
Aide HTML
Ncol est pas pris en charge HTML (encore), 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 w3ii 'Color, et utiliser ncol comme un attribut HTML comme ceci:
Exemple
<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="http://www.w3ii.com/lib/w3color.js"></script>
Try It Yourself » w3ii Color Library
La bibliothèque JavaScript utilisé dans l'exemple ci-dessus peut être téléchargé à partir
http://www.w3ii.com/lib/w3color.js
Pourquoi ncol?
Tenter d'expliquer les couleurs en utilisant RVB ou notation HEX est très difficile.
Pouvez-vous dire ce que rgb couleur (199,21,133) est?
RVB est basé sur la façon de produire physiquement des couleurs en mélangeant des sources lumineuses.
Ncol est basé sur ce que les couleurs ressemblent à l'œil humain.
Pour cette raison, Ncol, il est beaucoup plus facile de décrire les couleurs.
Les couleurs naturelles ont d'abord été décrits par Karl Ewald Konstantin Hering (Allemagne 1834-1918).