Calculadora nCol
Colores naturales (nCol)
Los colores naturales (nCol) es una iniciativa de w3ii.
El sistema está diseñado para que sea más fácil para seleccionar colores HTML.
NCol especifica los colores con una carta de colores con un número para especificar la distancia (en porcentaje) del color.
R30 significa un 30% de distancia de rojo, moviéndose hacia amarillo. (En otras palabras: Red con 30% de amarillo)
| Carta | Color | Las tonalidades |
|---|---|---|
| R | rojo | R R25 R50 R75 |
| Y | Amarillo | Y Y25 Y50 Y75 |
| GRAMO | Verde | GRAMO G25 G50 G75 |
| do | cian | do C25 C50 C75 |
| segundo | Azul | segundo B25 B50 B75 |
| METRO | Magenta | METRO M25 M50 M75 |
| R | Y | GRAMO | do | segundo | METRO | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
El color y la distancia también se puede dar en las tonalidades (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
Ayuda HTML
NCol no es compatible con HTML (aún), pero es muy cerca del nuevo sistema de color HWB se sugiere en CSS4.
A la espera de CSS4, puede incluir 'Biblioteca de colores w3ii, y utilizar nCol como un atributo HTML así:
Ejemplo
<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> Inténtalo tú mismo " Biblioteca de colores w3ii
La biblioteca de JavaScript utilizado en el ejemplo anterior se puede descargar desde
http://www.w3ii.com/lib/w3color.js
¿Por nCol?
Tratando de explicar los colores RGB o utilizando la notación hexadecimal es muy difícil.
¿Se puede saber qué color RGB (199,21,133) es?
RGB se basa en la forma de producir físicamente colores mediante la mezcla de fuentes de luz.
NCol se basa en lo que ven los colores para el ojo humano.
Debido a esto, NcoI hace que sea mucho más fácil de describir los colores.
Los colores naturales fueron descritos por primera vez por Karl Ewald Hering Konstantin (Alemania 1834-1918).