HTML CSS JAVASCRIPT SQL PYTHON PHP HOW TO W3.CSS JAVA JQUERY C++ R React
ภาษาไทย Afrikaans العربية čeština Deutsch Español Français हिन्दी Bahasa Indonesia Italiano 日本語 한국어 မြန်မာဘာသာ Nederlands Polski Português Русский Türkçe Tiếng Việt

Màu sắc NCol

❮ Trước Kế tiếp ❯

Máy tính NCol


 
rgb (255, 0, 0)
# ff0000
hsl (0, 100%, 50%)

H:
W:
B:
";} x + =" "; x + =" "; c =" R "; n = -1; for (i = 0; i";} x + = ""; x + = ""; tài liệu. getElementById ("huetable"). innerHTML = x;} function drawWhiteTable (hue) {var x, i; x = "" x + = ""; for (i = 0; i ";} x + =" "; x + = ""; cho (i = 0; i ";} x + ="
"+ i +"
"; document.getElementById (" whitetable "). innerHTML = x;} function drawBlackTable (hue) {var x, i; x =" "x + =" "; for (i = 0; i ";} x + = ""; x + = ""; cho (i = 0; i ";} x + ="
"+ i +"
"; document.getElementById (" blacktable "). innerHTML = x;}

Màu sắc 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 sắc bằng cách sử dụng một chữ cái màu với một số để chỉ định khoảng cách (tính bằng phần trăm) từ màu sắc.

R30 nghĩa là cách 30% khỏi Đỏ , tiến về Vàng . (Nói cách khác: Đỏ với 30% Vàng)

Lá thưMàu sắcHues
Rmàu đỏ
R
R25
R50
R75
YMàu vàng
Y
Y25
Y50
Y75
GMàu xanh lá
G
G25
G50
G75
CLục lam
C
C25
C50
C75
BMàu xanh lam
B
B25
B50
B75
MĐỏ 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 cung cấp theo 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ệ thống màu HWB mới được đề xuất trong CSS4.

Trong khi chờ CSS4, bạn có thể bao gồm thư viện Color của W3Schools và sử dụng NCol làm thuộc tính HTML như sau:

Thí 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>

Thư viện màu W3Schools

Thư viện JavaScript được sử dụng trong ví dụ trên có thể được tải xuống từ

https://www.w3schools.com/lib/w3color.js

Tại sao NCol?

Cố gắng giải thích màu sắc bằng cách sử dụ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.

Do đó, NCol giúp mô tả màu sắc dễ dàng hơn nhiều.

Màu sắc tự nhiên lần đầu tiên được mô tả bởi Karl Ewald Konstantin Hering (Đức 1834 - 1918).


❮ Trước Kế tiếp ❯