Kolory NCol
Kalkulator NCol
rgb(255, 0, 0)
#ff0000
hsl(0, 100%, 50%)
H:
W:
B:
Naturalne kolory (NCol) to inicjatywa W3Schools.
System ma na celu ułatwienie wyboru kolorów HTML.
NCol określa kolory za pomocą kolorowej litery z liczbą określającą odległość (w procentach) od koloru.
R30 oznacza 30% odejście od Czerwonego w kierunku Żółtego . (Innymi słowy: czerwony z 30% żółtym)
| List | Kolor | Barwy |
|---|---|---|
| r | czerwony |
r
R25
R50
R75
|
| Y | Żółty |
Y
Y25
Y50
Y75
|
| g | Zielony |
g
G25
G50
G75
|
| C | Cyjan |
C
C25
C50
C75
|
| b | Niebieski |
b
B25
B50
B75
|
| m | Magenta |
m
M25
M50
M75
|
| r | Y | g | C | b | m | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Kolor i odległość można również podać w odcieniach (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol nie jest obsługiwany w HTML, ale jest bardzo zbliżony do nowego systemu kolorów HWB sugerowanego w CSS4.
Czekając na CSS4, możesz dołączyć bibliotekę kolorów W3Schools i użyć NCol jako atrybutu HTML w następujący sposób:
<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>
Bibliotekę JavaScript użytą w powyższym przykładzie można pobrać ze strony
https://www.w3schools.com/lib/w3color.js
Próba wyjaśnienia kolorów za pomocą notacji RGB lub HEX jest bardzo trudna.
Czy możesz powiedzieć, jaki jest kolor rgb(199,21,133)?
RGB opiera się na tym, jak fizycznie wytwarzać kolory poprzez mieszanie źródeł światła.
NCol opiera się na tym, jak kolory wyglądają dla ludzkiego oka.
Z tego powodu NCol znacznie ułatwia opisywanie kolorów.
Naturalne kolory po raz pierwszy opisał Karl Ewald Konstantin Hering (Niemcy 1834 - 1918).