Derniers tutoriels de développement web
 

Colors ncol


ncol Calculator


rgb (255, 0, 0)
# ff0000
HSL (0, 100%, 50%)


H:
W:
B:

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).