Natural colors (NCol) merupakan inisiatif dari W3Schools.
Sistem ini dirancang untuk memudahkan pemilihan warna HTML.
NCol menentukan warna menggunakan huruf warna dengan angka untuk menentukan jarak (dalam persen) dari warna.
R30 berarti 30% dari Merah , bergerak menuju Kuning . (Dengan kata lain: Merah dengan 30% Kuning)
Surat | Warna | Warna |
---|---|---|
R | merah |
R
R25
R50
R75
|
kamu | Kuning |
kamu
Y25
Y50
Y75
|
G | Hijau |
G
G25
G50
G75
|
C | cyan |
C
C25
C50
C75
|
B | Biru |
B
B25
B50
B75
|
M | Magenta |
M
M25
M50
M75
|
R | kamu | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Warna dan jarak juga dapat diberikan dalam rona (0-360):
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
NCol tidak didukung dalam HTML, tetapi sangat mirip dengan sistem warna HWB baru yang disarankan di CSS4.
Sambil menunggu CSS4, Anda dapat memasukkan pustaka Warna W3Schools, dan menggunakan NCol sebagai atribut HTML seperti ini:
<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>
Pustaka JavaScript yang digunakan dalam contoh di atas dapat diunduh dari
https://www.w3schools.com/lib/w3color.js
Mencoba menjelaskan warna menggunakan notasi RGB atau HEX sangat sulit.
Bisakah Anda memberi tahu apa warna rgb(199,21,133) itu?
RGB didasarkan pada bagaimana menghasilkan warna secara fisik dengan mencampur sumber cahaya.
NCool didasarkan pada seperti apa warna mata manusia.
Karena itu, NColl membuatnya lebih mudah untuk mendeskripsikan warna.
Warna alami pertama kali dijelaskan oleh Karl Ewald Konstantin Hering (Jerman 1834 - 1918).