tutoriais mais recente desenvolvimento web
 

Colors ncol


ncol Calculator


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


H:
W:
B:

Cores Naturais (ncol)

As cores naturais (ncol) é uma iniciativa da w3ii.

O sistema é projetado para tornar mais fácil para selecionar cores HTML.

Ncol especifica cores usando uma carta de cores com um número para indicar a distância (em percentagem) a partir da cor.

R30 significa 30% de distância da Red, movendo-se para o amarelo. (Em outras palavras: vermelho com 30% Amarelo)

Carta Cor hues
R Vermelho
R
R25
R50
R75
Y Amarelo
Y
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 Y G C B M

Cor e distância também pode ser dada em tons (0-360):

R = 000 Y = 060 G = 120 C = 180 B = 240 H = 300

Suporte HTML

Ncol não é suportado em HTML (ainda), mas é muito perto do novo sistema de cores HWB sugerido em CSS4.

Enquanto espera por CSS4, você pode incluir w3ii 'biblioteca de cores, e usar ncol como um atributo HTML como este:

Exemplo

<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>
Tente você mesmo "

Biblioteca de cores w3ii

A biblioteca JavaScript utilizado no exemplo acima pode ser descarregado a partir de

http://www.w3ii.com/lib/w3color.js


Por ncol?

Tentar explicar as cores utilizando RGB ou notação HEX é muito difícil.

você pode dizer o que rgb cor (199,21,133) é?

RGB é baseado em como produzir fisicamente cores pela mistura de fontes de luz.

Ncol é baseado no que as cores parecer ao olho humano.

Devido a isso, Ncol torna muito mais fácil para descrever cores.

As cores naturais foram primeiramente descrita por Karl Ewald Konstantin Hering (Alemanha 1834-1918).