Barvy NCol
Kalkulačka NCol
rgb(255, 0, 0)
#ff0000
hsl(0, 100 %, 50 %)
H:
W:
B:
Přírodní barvy (NCol) jsou iniciativou W3Schools.
Systém je navržen tak, aby usnadnil výběr barev HTML.
NCol určuje barvy pomocí barevného písmene s číslem pro určení vzdálenosti (v procentech) od barvy.
R30 znamená 30 % od červené , pohyb směrem k žluté . (Jinými slovy: červená s 30 % žluté)
| Dopis | Barva | Odstíny |
|---|---|---|
| R | Červené |
R
R25
R50
R75
|
| Y | Žlutá |
Y
Y25
Y50
Y75
|
| G | Zelená |
G
G25
G50
G75
|
| C | Tyrkysová |
C
C25
C50
C75
|
| B | Modrý |
B
B25
B50
B75
|
| M | Purpurová |
M
M25
M50
M75
|
| R | Y | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Barvu a vzdálenost lze také zadat v odstínech (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol není podporováno v HTML, ale je velmi blízké novému barevnému systému HWB navrženému v CSS4.
Během čekání na CSS4 můžete zahrnout knihovnu barev W3Schools a použít NCol jako atribut HTML takto:
<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>
Knihovnu JavaScript použitou ve výše uvedeném příkladu lze stáhnout z
https://www.w3schools.com/lib/w3color.js
Pokoušet se vysvětlit barvy pomocí RGB nebo HEX notace je velmi obtížné.
Můžete říct, jakou barvu má rgb(199,21,133)?
RGB je založeno na tom, jak fyzicky vytvářet barvy smícháním světelných zdrojů.
NCol vychází z toho, jak barvy vypadají pro lidské oko.
Z tohoto důvodu NCol usnadňuje popis barev.
Přírodní barvy poprvé popsal Karl Ewald Konstantin Hering (Německo 1834 - 1918).