Renkler NCol
NCol Hesaplayıcı
rgb(255, 0, 0)
#ff0000
hsl(0, %100, %50)
H:
W:
B:
Doğal renkler (NCol), W3Schools'un bir girişimidir.
Sistem, HTML renklerini seçmeyi kolaylaştırmak için tasarlanmıştır.
NCol, renge olan uzaklığı (yüzde olarak) belirtmek için bir sayı içeren bir renk harfi kullanarak renkleri belirtir.
R30, Kırmızı'dan %30 uzaklaşma , Sarı'ya doğru hareket anlamına gelir . (Başka bir deyişle: %30 Sarı ile Kırmızı)
| Mektup | Renk | tonlar |
|---|---|---|
| r | kırmızı |
r
R25
R50
R75
|
| Y | Sarı |
Y
Y25
Y50
Y75
|
| G | Yeşil |
G
G25
G50
G75
|
| C | camgöbeği |
C
C25
C50
C75
|
| B | Mavi |
B
B25
B50
B75
|
| m | macenta |
m
M25
M50
M75
|
| r | Y | G | C | B | m | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Renk ve mesafe tonlarda da verilebilir (0-360):
| R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol, HTML'de desteklenmez, ancak CSS4'te önerilen yeni HWB renk sistemine çok yakındır.
CSS4'ü beklerken, W3Schools'un Renk kitaplığını ekleyebilir ve NCol'ü aşağıdaki gibi bir HTML niteliği olarak kullanabilirsiniz:
<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>
Yukarıdaki örnekte kullanılan JavaScript kitaplığı şuradan indirilebilir:
https://www.w3schools.com/lib/w3color.js
RGB veya HEX notasyonu kullanarak renkleri açıklamaya çalışmak çok zordur.
rgb(199,21,133) renginin ne olduğunu söyleyebilir misiniz?
RGB, ışık kaynaklarını karıştırarak renklerin fiziksel olarak nasıl üretileceğine dayanır.
NCol, renklerin insan gözüne nasıl göründüğüne dayanır.
Bu nedenle, NCol renkleri tanımlamayı çok daha kolay hale getirir.
Doğal renkler ilk olarak Karl Ewald Konstantin Hering (Almanya 1834 - 1918) tarafından tanımlanmıştır.