ألوان NCol

NCol حاسبة

RGB (255 ، 0 ، 0)
# ff0000
hsl (0، 100٪، 50٪)

ح:

ب:

"؛} x + =" "؛ x + =" ؛ c = "R" ؛ n = -1 ؛ لـ (i = 0 ؛ i "؛} x + =" "؛ x + =" "؛ المستند. getElementById ("huetable"). innerHTML = x؛} دالة drawWhiteTable (hue) {var x، i؛ x = "" x + = ""؛ for (i = 0؛ i "؛} x + =" "؛ x + = "" ؛ لـ (i = 0 ؛ i "؛} x + ="

"+ أنا +"

"؛ document.getElementById (" whitetable "). innerHTML = x؛} function drawBlackTable (hue) {var x، i؛ x =" "x + =" "؛ for (i = 0؛ i "؛} x + = "" ؛ x + = "" ؛ لـ (i = 0 ؛ i "؛} x + ="

"+ أنا +"

"؛ document.getElementById (" blacktable "). innerHTML = x ؛}

ألوان طبيعية (NCol)

الألوان الطبيعية (NCol) هي مبادرة من W3Schools.

تم تصميم النظام لتسهيل تحديد ألوان HTML.

يحدد NCol الألوان باستخدام حرف ملون مع رقم لتحديد المسافة (بالنسبة المئوية) من اللون.

R30 تعني 30٪ بعيدًا عن الأحمر ، متجهًا نحو الأصفر . (بمعنى آخر: أحمر مع 30٪ أصفر)

رسالة	اللون	الأشكال
ص	أحمر	ص R25 R50 R75
ص	أصفر	ص Y25 Y50 Y75
جي	لون أخضر	جي G25 G50 G75
ج	ازرق سماوي	ج C25 ق 50 ق 75
ب	أزرق	ب B25 ب 50 B75
م	أرجواني	م M25 مسييه 50 M75

جي

يمكن أيضًا إعطاء اللون والمسافة بدرجات (0-360):

R = 000

ص = 060

ع = 120

ج = 180

ب = 240

م = 300

دعم HTML

NCol غير مدعوم في HTML ، ولكنه قريب جدًا من نظام ألوان HWB الجديد المقترح في CSS4.

أثناء انتظار CSS4 ، يمكنك تضمين مكتبة ألوان W3Schools ، واستخدام NCol كسمة HTML مثل هذا:

مثال

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

مكتبة ألوان W3Schools

يمكن تنزيل مكتبة JavaScript المستخدمة في المثال أعلاه من

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

لماذا NCol؟

محاولة شرح الألوان باستخدام تدوين RGB أو HEX أمر صعب للغاية.

هل يمكنك معرفة ما هو لون rgb (199،21،133)؟

يعتمد RGB على كيفية إنتاج الألوان فعليًا عن طريق مزج مصادر الضوء.

يعتمد NCol على شكل الألوان للعين البشرية.

لهذا السبب ، يجعل NCol من السهل وصف الألوان.

تم وصف الألوان الطبيعية لأول مرة بواسطة Karl Ewald Konstantin Hering (ألمانيا 1834 - 1918).

❮ سابق التالي ❯

دروس الألوان

مخططات الألوان

اتجاهات اللون