Màu sắc NCol
Máy tính NCol
Màu tự nhiên (NCol)
Màu sắc tự nhiên (NCol) là một sáng kiến của W3Schools.
Hệ thống được thiết kế để giúp việc chọn màu HTML dễ dàng hơn.
NCol chỉ định màu bằng cách sử dụng chữ cái màu có số để chỉ định khoảng cách (tính bằng phần trăm) từ màu.
R30 nghĩa là cách Đỏ 30%, tiến về phía Vàng . (Nói cách khác: Đỏ với 30% Vàng)
Thư | Màu sắc | Màu sắc |
---|---|---|
R | Màu đỏ | R R25 R50 R75 |
Y | Màu vàng | Y Y25 Y50 Y75 |
G | Màu xanh lá | G G25 G50 G75 |
C | lục lam | C C25 C50 C75 |
B | Màu xanh da trời | B B25 B50 B75 |
M | Màu đỏ tươi | M M25 M50 M75 |
R | Y | G | C | B | M | ||||||||||||||||||||||||||||||||||||||||||||||||||||||
Màu sắc và khoảng cách cũng có thể được thể hiện bằng màu sắc (0-360):
R = 000 | Y = 060 | G = 120 | C = 180 | B = 240 | M = 300 |
Hỗ trợ HTML
NCol không được hỗ trợ trong HTML nhưng nó rất gần với hệ màu HWB mới được đề xuất trong CSS4.
Trong khi chờ CSS4, bạn có thể bao gồm thư viện Màu của Example.com.vn và sử dụng NCol làm thuộc tính HTML như thế này:
Ví dụ
<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>
Hãy tự mình thử »Thư viện màu của W3Schools
Thư viện JavaScript được sử dụng trong ví dụ trên có thể được tải xuống từ
https://www.example.com.vn/lib/w3color.js
Tại sao lại là NCol?
Cố gắng giải thích màu sắc bằng ký hiệu RGB hoặc HEX là rất khó.
Bạn có thể cho biết rgb(199,21,133) là màu gì không?
RGB dựa trên cách tạo ra màu sắc vật lý bằng cách trộn các nguồn sáng.
NCol dựa trên màu sắc trông như thế nào đối với mắt người.
Vì điều này, NCol giúp việc mô tả màu sắc dễ dàng hơn nhiều.
Màu sắc tự nhiên được mô tả lần đầu tiên bởi Karl Ewald Konstantin Hering (Đức 1834 - 1918).