Cores NCol
Calculadora NCol
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
H:
C:
B:
Cores naturais (NCol) é uma iniciativa do W3Schools.
O sistema foi projetado para facilitar a seleção de cores HTML.
NCol especifica cores usando uma letra de cor com um número para especificar a distância (em porcentagem) da cor.
R30 significa 30% de distância do Vermelho , movendo-se em direção ao Amarelo . (Em outras palavras: Vermelho com 30% Amarelo)
| Carta | Cor | Tons |
|---|---|---|
| R | vermelho |
R
R25
R50
R75
|
| S | Amarelo |
S
Y25
Y50
Y75
|
| G | Verde |
G
G25
G50
G75
|
| C | Ciano |
C
C25
C50
C75
|
| B | Azul |
B
B25
B50
B75
|
| M | Magenta |
M
M25
M50
M75
|
| R | S | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
A cor e a distância também podem ser fornecidas em tons (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol não é suportado em HTML, mas está muito próximo do novo sistema de cores HWB sugerido em CSS4.
Enquanto espera pelo CSS4, você pode incluir a biblioteca de cores do W3Schools e usar NCol como um 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>
A biblioteca JavaScript usada no exemplo acima pode ser baixada em
https://www.w3schools.com/lib/w3color.js
Tentar explicar as cores usando a notação RGB ou HEX é muito difícil.
Você pode dizer qual é a cor rgb (199,21,133)?
RGB é baseado em como produzir cores fisicamente misturando fontes de luz.
O NCol é baseado na aparência das cores ao olho humano.
Por causa disso, NCol torna muito mais fácil descrever cores.
As cores naturais foram descritas pela primeira vez por Karl Ewald Konstantin Hering (Alemanha 1834 - 1918).