Colores NCol
Calculadora NCol
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
H:
W:
B:
Colores naturales (NCol) es una iniciativa de W3Schools.
El sistema está diseñado para facilitar la selección de colores HTML.
NCol especifica los colores usando una letra de color con un número para especificar la distancia (en porcentaje) desde el color.
R30 significa 30% de alejamiento del rojo , moviéndose hacia el amarillo . (En otras palabras: Rojo con 30% Amarillo)
| Carta | Color | Tonos |
|---|---|---|
| R | rojo |
R
R25
R50
R75
|
| Y | Amarillo |
Y
Y25
Y50
Y75
|
| GRAMO | Verde |
GRAMO
G25
G50
G75
|
| C | cian |
C
C25
C50
C75
|
| B | Azul |
B
B25
B50
B75
|
| METRO | Magenta |
METRO
M25
M50
M75
|
| R | Y | GRAMO | C | B | METRO | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
El color y la distancia también se pueden dar en tonos (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | METRO = 300 |
NCol no es compatible con HTML, pero se parece mucho al nuevo sistema de color HWB sugerido en CSS4.
Mientras espera por CSS4, puede incluir la biblioteca de colores de W3Schools y usar NCol como un atributo HTML como este:
<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 biblioteca de JavaScript utilizada en el ejemplo anterior se puede descargar desde
https://www.w3schools.com/lib/w3color.js
Tratar de explicar los colores usando la notación RGB o HEX es muy difícil.
¿Puedes decir de qué color es rgb (199,21,133)?
RGB se basa en cómo producir colores físicamente mezclando fuentes de luz.
NCol se basa en cómo se ven los colores para el ojo humano.
Debido a esto, NCol facilita mucho la descripción de los colores.
Los colores naturales fueron descritos por primera vez por Karl Ewald Konstantin Hering (Alemania 1834 - 1918).