رموز ألوان الباستيل. يمكن تحديد اللون في الأنماط بطرق مختلفة: حسب القيمة السداسية العشرية، حسب الاسم، بتنسيق RGB، RGBA، HSL، HSLA
يتم استخدام الأرقام السداسية العشرية لتحديد الألوان. النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 16. وستكون الأرقام على النحو التالي: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، أ. ، B، C، D، E، F. يتم استبدال الأرقام من 10 إلى 15 بأحرف لاتينية. يتم تكوين الأرقام الأكبر من 15 في النظام السداسي العشري من خلال دمج رقمين في رقم واحد. على سبيل المثال، الرقم 255 بالنظام العشري يتوافق مع الرقم FF بالنظام الست عشري. لتجنب الارتباك في تحديد نظام الأرقام، يتم وضع رمز التجزئة # قبل الرقم السداسي العشري، على سبيل المثال #666999. يمكن لكل لون من الألوان الثلاثة - الأحمر والأخضر والأزرق - أن يأخذ قيمًا من 00 إلى FF. وبذلك ينقسم رمز اللون إلى ثلاثة مكونات #rrggbb، حيث يشير الرمزان الأولان إلى المكون الأحمر للون، والرمزان الأوسطان - الأخضر، والأخيران - الأزرق. يُسمح باستخدام النموذج المختصر #rgb، حيث يجب مضاعفة كل حرف. وبالتالي، يجب اعتبار الإدخال #fe0 كـ #ffee00.
بالاسم
| متصفح الانترنت | كروم | الأوبرا | سفاري | ثعلب النار | ذكري المظهر | دائرة الرقابة الداخلية |
| 4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
تدعم المتصفحات بعض الألوان بأسمائها. في الجدول 1 يُظهر الأسماء والرمز السداسي العشري وقيم RGB وHSL ووصفها.
| اسم | لون | شفرة | RGB | HSL | وصف |
|---|---|---|---|---|---|
| أبيض | #ffffff أو #ffff | آر جي بي (255255255) | هسل (0.0٪، 100٪) | أبيض | |
| فضة | #c0c0c0 | آر جي بي (192,192,192) | هسل (0.0٪،75٪) | رمادي | |
| رمادي | #808080 | آر جي بي (128,128,128) | هسل (0.0٪،50٪) | الرمادي الداكن | |
| أسود | #000000 أو #000 | رغب (0،0،0) | هسل(0.0%,0%) | أسود | |
| كستنائي | #800000 | رغب (128،0،0) | هسل (0.100%،25%) | احمر غامق | |
| أحمر | #ff0000 أو #f00 | رغب (255،0،0) | هسل (0,100%,50%) | أحمر | |
| البرتقالي | #ffa500 | آر جي بي (255,165,0) | إتش إس إل (38.8,100%,50%) | البرتقالي | |
| أصفر | #ffff00 أو #ff0 | آر جي بي (255,255,0) | إتش إس إل (60,100%,50%) | أصفر | |
| زيتون | #808000 | رغب (128،128،0) | إتش إس إل (60,100%,25%) | زيتون | |
| جير | #00ff00 أو #0f0 | رغب (0,255,0) | إتش إس إل (120,100%,50%) | اخضر فاتح | |
| أخضر | #008000 | رغب (0،128،0) | إتش إس إل (120,100%,25%) | أخضر | |
| أكوا | #00ffff أو #0ff | آر جي بي (0,255,255) | إتش إس إل (180,100%,50%) | أزرق | |
| أزرق | #0000ff أو #00f | رغب (0،0،255) | إتش إس إل (240,100%,50%) | أزرق | |
| القوات البحرية | #000080 | رغب (0،0،128) | إتش إس إل (240,100%,25%) | أزرق غامق | |
| بط نهري صغير | #008080 | رغب (0،128،128) | إتش إس إل (180,100%,25%) | أزرق أخضر | |
| ضارب الى الحمرة | #ff00ff أو #f0f | رغب (255،0،255) | هسل(300,100%,50%) | لون القرنفل | |
| أرجواني | #800080 | رغب (128،0،128) | إتش إس إل (300,100%,25%) | البنفسجي |
باستخدام RGB
| متصفح الانترنت | كروم | الأوبرا | سفاري | ثعلب النار | ذكري المظهر | دائرة الرقابة الداخلية |
| 5.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
يمكنك تحديد اللون باستخدام القيم الحمراء والخضراء والزرقاء بالقيمة العشرية. يأخذ كل مكون من مكونات الألوان الثلاثة قيمة من 0 إلى 255. ويجوز أيضًا تحديد اللون كنسبة مئوية، بحيث يكون 100% يقابل الرقم 255. أولاً، حدد الكلمة الأساسية rgb، ثم حدد مكونات اللون بين قوسين ، مفصولة بفواصل، على سبيل المثال rgb(255 , 128, 128) أو rgb(100%, 50%, 50%).
RGBA
| متصفح الانترنت | كروم | الأوبرا | سفاري | ثعلب النار | ذكري المظهر | دائرة الرقابة الداخلية |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
يشبه تنسيق RGBA في بناء الجملة تنسيق RGB، ولكنه يتضمن قناة ألفا تحدد شفافية العنصر. القيمة 0 شفافة تمامًا، والقيمة 1 معتمة، والقيمة المتوسطة مثل 0.5 شبه شفافة.
تمت إضافة RGBA إلى CSS3، لذلك يجب التحقق من صحة كود CSS مقابل هذا الإصدار. تجدر الإشارة إلى أن معيار CSS3 لا يزال قيد التطوير وقد تتغير بعض الميزات. على سبيل المثال، يتم التحقق من صحة اللون بتنسيق RGB المضاف إلى خاصية لون الخلفية، ولكن اللون المضاف إلى خاصية الخلفية لم يعد صالحًا. وفي الوقت نفسه، تفهم المتصفحات بشكل صحيح اللون لكلا الخاصيتين.
HSL
| متصفح الانترنت | كروم | الأوبرا | سفاري | ثعلب النار | ذكري المظهر | دائرة الرقابة الداخلية |
| 9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
اسم تنسيق HSL مشتق من مجموعة الأحرف الأولى Hue (تدرج اللون) وSaturate (التشبع) وLightness (الخفة). تدرج اللون هو قيمة اللون على عجلة الألوان (الشكل 1) ويتم تحديده بالدرجات. 0° يتوافق مع اللون الأحمر، و120° إلى اللون الأخضر، و240° إلى اللون الأزرق. يمكن أن تختلف قيمة الصبغة من 0 إلى 359.
أرز. 1. عجلة الألوان
التشبع هو شدة اللون ويتم قياسه كنسبة مئوية من 0% إلى 100%. تشير القيمة 0% إلى عدم وجود لون وظل رمادي، و100% هي القيمة القصوى للتشبع.
تحدد الإضاءة مدى سطوع اللون ويتم تحديدها كنسبة مئوية من 0% إلى 100%. القيم المنخفضة تجعل اللون أغمق، والقيم العالية تجعله أفتح؛ القيم القصوى 0% و100% تتوافق مع الأسود والأبيض.
HSLA
| متصفح الانترنت | كروم | الأوبرا | سفاري | ثعلب النار | ذكري المظهر | دائرة الرقابة الداخلية |
| 9.0+ | 1.0+ | 10.0+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
يتشابه تنسيق HSLA في بناء جملة HSL، ولكنه يتضمن قناة ألفا لتحديد شفافية العنصر. القيمة 0 شفافة تمامًا، والقيمة 1 معتمة، والقيمة المتوسطة مثل 0.5 شبه شفافة.
تتم إضافة قيم الألوان RGBA وHSL وHSLA إلى CSS3، لذا يرجى التحقق من الكود الخاص بك للتأكد من صحة الإصدار عند استخدام هذه التنسيقات.
HTML5 CSS2.1 CSS3 IE Cr Op Sa Fx
تحذير
جميع طرق اصطياد الأسود المدرجة في الموقع هي طرق نظرية وتعتمد على الأساليب الحسابية. لا يضمن المؤلفون سلامتك عند استخدامها ويتنصلون من أي مسؤولية عن النتائج. تذكر أن الأسد حيوان مفترس وخطير!
وتظهر نتيجة هذا المثال في الشكل. 2.
أرز. 2. الألوان على صفحة الويب
كما تعلمون، يمكن أن يؤثر اللون على حالة الشخص: العقلية والجسدية. كل يوم، أثناء تصفح المواقع على الإنترنت، تقوم العيون بتقييم ملايين الألوان والظلال. يمكن لمصمم الويب المطلع على سيكولوجية الألوان أن يتلاعب بمزاج الزائر لتحقيق أهداف معينة.
ويرجع ذلك إلى حقيقة أن بعض الظلال تهدأ وبعضها على العكس من ذلك يثير. سنتحدث بعد ذلك عن كيفية تصنيع الألوان وعرضها باستخدام تكنولوجيا الكمبيوتر.
RGB هو نموذج ألوان يمثل طريقة للحصول على كافة الألوان وظلالها عن طريق مزج ثلاثة مكونات رئيسية بنسب مختلفة، وهي:
- أحمر اللون ( أحمر);
- اللون الاخضر ( أخضر);
- لون ازرق ( أزرق).
ومن هنا يأتي الاسم المختصر RGB. تم اختيار هذه الألوان باعتبارها الألوان الرئيسية لسبب ما: السبب هو فسيولوجيا شبكية العين البشرية وكيفية إدراكها لها:
يظل نموذج RGB هو الأكثر شعبية اليوم ويستخدم لإعادة إنتاج الألوان على شاشات التلفزيون وشاشات الكمبيوتر. نظرًا لأن الشركات المصنعة تمنح منتجاتها خصائص مختلفة، فقد تم في عام 1996 إنشاء نظام موحد لتركيب الألوان يعتمد على RGB يسمى sRGB، والذي عملت عليه Microsoft وHP معًا.
التمثيل العددي للون
كما ذكرنا سابقًا، يتم تشكيل ألوان RGB عن طريق مزج الألوان الأساسية. لوصف شدة كل منها، تم اعتماد مخطط يتم فيه تمثيل اللون بالنطاق 0-255 (8 بت)، والذي يتوافق بالتدوين السداسي العشري مع 00-FF.
أي أن الألوان الأساسية ستبدو كما يلي:
- الأحمر – RGB (255,0,0);
- الأخضر – RGB (0,255,0);
- الأزرق - RGB (0،0،255)؛
إذا كانت شدة اللون تأخذ قيمًا أقل من 255، فسيتم الحصول على درجات مختلفة من اللون الأحمر والأخضر والأزرق. وفيما يلي جدول بتدرجاتها، فضلا عن القيم السداسية العشرية لكل من الظلال:
جداول الألوان RGB
وبطبيعة الحال، بالإضافة إلى تدرجات الألوان الأساسية، هناك ألوان مختلطة، وعددها كبير جدا. لذلك تم إنشاء جدول ألوان RGB يعرض جميع الظلال الموجودة بالإضافة إلى أسمائها وتمثيلاتها الرقمية ( في شكل عشري وسداسي عشري).
يمكنك مشاهدته هنا. هذا الجدول يجعل الحياة أسهل بكثير لمصممي الويب، حيث يمكنك في بضع ثوان العثور على الظل المطلوب ومعرفة تمثيله العددي.
لوحة ألوان RGB آمنة
ومع ذلك، في مرحلة ما كانت هناك مشكلة في عرض الألوان في متصفحات مختلفة، ولحلها، تم تجميع ما يسمى باللوحة "الآمنة" لألوان RGB، والتي تم استخلاصها من خلال الحسابات الرياضية.
عندما لا يتمكن المتصفح من عرض لون ما بشكل صحيح، فإنه يحاول تقريب شيء ما إلى ما يحتاج إليه عن طريق مزج الألوان المتجاورة، وعلى الأغلب ستكون النتيجة غير مقبولة على الإطلاق:
باستخدام رموز ألوان RGB من هذه اللوحة، يمكن لمطور الويب أن يشعر براحة البال فيما يتعلق بعرض الألوان على صفحات موقعه على الويب عند عرضها باستخدام متصفحات ومنصات وشاشات مختلفة. على الرغم من أن جدول الألوان الآمنة يفقد أهميته حاليًا ( التقدم التكنولوجي لا يزال لا يقف ساكنا) ، عند استخدامه يمكنك، كما يقولون، النوم بسلام.
اللون الذهبي في نموذج RGB
تم استخدام كلمة "الذهب" لأول مرة في بداية القرن الرابع عشر لوصف لون عنصر كيميائي يسمى أوروم - الذهب. في نموذج RGB، يتم تمثيل اللون الذهبي بالقيم العددية التالية:
- RGB (255، 215، 0) – النظام العشري؛
- HEX #FFD700 – نظام سداسي عشري.
اللون البيج في نموذج RGB
يحتل اللون البيج مكانا مهما إلى حد ما في التاريخ، حتى لو لم يكن الأكثر تعبيرا. تم صنع العديد من المعالم الثقافية، وخاصة المنحوتات القديمة، من الحجر الأملس والحجر الأملس، اللذين لهما صبغة بيج. في نموذج RGB، يحتوي اللون البيج على التمثيلات الرقمية التالية:
- RGB (245، 245، 220) - النظام العشري؛
- HEX #F5F5DC – النظام الست عشري.
في الوقت الحاضر، وخاصة على شبكة الإنترنت العالمية، من النادر أن نرى مثل هذا اللون "الممل". يفضل المطورون التصميم الجذاب باستخدام الألوان الزاهية. التقدم التكنولوجي يجعل من الممكن عرض عدد هائل من الألوان على الشاشات، مما يجعل الصورة أكثر واقعية.
جيد سيئ
تُستخدم رموز الألوان في CSS لتحديد الألوان. عادة، يتم استخدام رموز الألوان أو قيم الألوان لتعيين اللون إما للون الأمامي لعنصر (مثل لون النص، لون الرابط) أو لون خلفية العنصر (لون الخلفية، لون الكتلة). ويمكن استخدامها أيضًا لتغيير لون الزر والحدود والعلامة والتحويم والتأثيرات الزخرفية الأخرى.
يمكنك تحديد قيم الألوان الخاصة بك بتنسيقات مختلفة. يسرد الجدول التالي جميع التنسيقات الممكنة:
يتم وصف التنسيقات المدرجة بمزيد من التفاصيل أدناه.
ألوان CSS - الرموز السداسية
رمز اللون الست عشريهو تمثيل مكون من ستة أرقام للون. يمثل أول رقمين (RR) القيمة الحمراء، ويمثل الرقمان التاليان القيمة الخضراء (GG)، ويمثل الرقمان الأخيران القيمة الزرقاء (BB).
ألوان CSS - رموز سداسية قصيرة
رمز اللون الست عشري القصيرهو شكل أقصر من التدوين المكون من ستة أحرف. في هذا التنسيق، يتم تكرار كل رقم لإنتاج قيمة لون مكافئة مكونة من ستة أرقام. على سبيل المثال: يصبح #0F0 #00FF00.
يمكن الحصول على القيمة السداسية العشرية من أي برنامج رسومي مثل Adobe Photoshop وCore Draw وما إلى ذلك.
كل رمز لون سداسي عشري في CSS سيُسبق بعلامة التجزئة "#". فيما يلي أمثلة على استخدام الرموز السداسية العشرية.
ألوان CSS - قيم RGB
قيمة RGBهو رمز اللون الذي تم تعيينه باستخدام خاصية rgb(). تأخذ هذه الخاصية ثلاث قيم: واحدة لكل من الأحمر والأخضر والأزرق. يمكن أن تكون القيمة عددًا صحيحًا، من 0 إلى 255، أو نسبة مئوية.
ملحوظة:لا تدعم جميع المتصفحات خاصية اللون rgb()، لذا لا يُنصح باستخدامها.
يوجد أدناه مثال يوضح ألوانًا متعددة باستخدام قيم RGB.
مولد رمز اللون
يمكنك إنشاء الملايين من رموز الألوان باستخدام خدمتنا.
ألوان آمنة للمتصفح
يوجد أدناه جدول يضم 216 لونًا الأكثر أمانًا واستقلالية عن الكمبيوتر. تتراوح هذه الألوان في CSS من 000000 إلى الكود الست عشري FFFFFF. إنها آمنة للاستخدام لأنها تضمن أن جميع أجهزة الكمبيوتر تعرض الألوان بشكل صحيح عند العمل مع لوحة الألوان المكونة من 256 لونًا.
| جدول الألوان "الآمنة" في CSS | |||||
| #000000 | #000033 | #000066 | #000099 | #0000CC | #0000FF |
| #003300 | #003333 | #003366 | #003399 | #0033CC | #0033FF |
| #006600 | #006633 | #006666 | #006699 | #0066CC | #0066FF |
| #009900 | #009933 | #009966 | #009999 | #0099CC | #0099FF |
| #00CC00 | #00CC33 | #00CC66 | #00CC99 | #00CCCC | #00CCFF |
| #00FF00 | #00FF33 | #00FF66 | #00FF99 | #00FFCC | #00FFFF |
| #330000 | #330033 | #330066 | #330099 | #3300 سي سي | #3300FF |
| #333300 | #333333 | #333366 | #333399 | #3333CC | #3333FF |
| #336600 | #336633 | #336666 | #336699 | #3366CC | #3366FF |
| #339900 | #339933 | #339966 | #339999 | #3399CC | #3399FF |
| #33CC00 | #33CC33 | #33CC66 | #33CC99 | #33CCCC | #33CCFF |
| #33FF00 | #33FF33 | #33FF66 | #33FF99 | #33FFCC | #33FFFF |
| #660000 | #660033 | #660066 | #660099 | #6600سي سي | #6600FF |
| #663300 | #663333 | #663366 | #663399 | #6633CC | #6633FF |
| #666600 | #666633 | #666666 | #666699 | #6666CC | #6666FF |
| #669900 | #669933 | #669966 | #669999 | #6699CC | #6699FF |
| #66CC00 | #66CC33 | #66CC66 | #66CC99 | #66CCCC | #66CCFF |
| #66FF00 | #66FF33 | #66FF66 | #66FF99 | #66FFCC | #66FFFF |
| #990000 | #990033 | #990066 | #990099 | #9900CC | #9900FF |
| #993300 | #993333 | #993366 | #993399 | #9933CC | #9933FF |
| #996600 | #996633 | #996666 | #996699 | #9966CC | #9966FF |
| #999900 | #999933 | #999966 | #999999 | #9999CC | #9999FF |
| #99CC00 | #99CC33 | #99CC66 | #99CC99 | #99CCCC | #99CCFF |
| #99FF00 | #99FF33 | #99FF66 | #99FF99 | #99FFCC | #99FFFF |
| #CC0000 | #CC0033 | #CC0066 | #CC0099 | #CC00CC | #CC00FF |
| #CC3300 | #CC3333 | #CC3366 | #CC3399 | #CC33CC | #CC33FF |
| #CC6600 | #CC6633 | #CC6666 | #CC6699 | #CC66CC | #CC66FF |
| #CC9900 | #CC9933 | #CC9966 | #CC9999 | #CC99CC | #CC99FF |
| #CCCC00 | #CCCC33 | #CCCC66 | #CCCC99 | #CCCCCC | #CCCCFF |
| #CCFF00 | #CCFF33 | #CCFF66 | #CCFF99 | #CCFFCC | #CCFFFF |
| #FF0000 | #FF0033 | #FF0066 | #FF0099 | #FF00CC | #FF00FF |
| #FF3300 | #FF3333 | #FF3366 | #FF3399 | #FF33CC | #FF33FF |
| #FF6600 | #FF6633 | #FF6666 | #FF6699 | #FF66CC | #FF66FF |
| #FF9900 | #FF9933 | #FF9966 | #FF9999 | #FF99CC | #FF99FF |
| #FFCC00 | #FFCC33 | #FFCC66 | #FFCC99 | #FFCCCC | #FFCCFF |
| #FFFF00 | #FFFF33 | #FFFF66 | #FFFF99 | #FFFFCC | #FFFFFF |
رموز ماين كرافت الألوانأو ماينكرافت رموزالتنسيق، السماح لأي لاعب بإضافة الزهور وتنسيق النص بكل طريقة ممكنة مباشرة في Minecraft. رموز الألوانمن &0-9 - إلى &a-f. إضافتها قبل النص الخاص بك. يمكن أن تحتوي رسائل اللاعبين على رموز ألوان تسمح لك بإضافة لون إلى جملك.
الألوان ورموز التنسيق
تشير علامة الضم (&) متبوعة برقم سداسي عشري في الرسائل إلى العميل لتبديل الألوان عند عرض النص. بالإضافة إلى ذلك، يمكن تنسيق النص باستخدام & متبوعًا بحرف. يمكنك إضافة ألوان مختلفة إلى الكتب وكتل الأوامر واسم الخادم ووصف الخادم (motd) وأسماء العالم والعلامات وحتى أسماء اللاعبين.
من السهل جدًا تنسيق النص الخاص بك في التكوينات أو في اللعبة باستخدام مخطط الألوان أدناه. &r يستخدم لإعادة تعيين كافة الرموز، أي. سيتم عرض &mAAA&rBBB كـ AAA BBB.
نقدم جدولًا برموز الألوان الموجودة في Minecraft لراحتك:
| شفرة | اسم | الاسم الفني | لون الرمز | لون ظل الرمز | ||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ر | ز | ب | عرافة | ر | ز | ب | عرافة | |||
| &0 | أسود | أسود | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
| &1 | أزرق غامق | أزرق غامق | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002أ |
| &2 | أخضر غامق | أخضر غامق | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
| &3 | الأزرق الداكن والأخضر | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
| &4 | احمر غامق | احمر غامق | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
| &5 | الأرجواني الداكن | الأرجواني الداكن | 170 | 0 | 170 | AA00AA | 42 | 0 | 42 | 2A002A |
| &6 | ذهب | ذهب | 255 | 170 | 0 | FFAA00 | 42 | 42 | 0 | 2A2A00 |
| &7 | رمادي | رمادي | 170 | 170 | 170 | آآآآآآ | 42 | 42 | 42 | 2A2A2A |
| &8 | الرمادي الداكن | الرمادي الداكن | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
| &9 | أزرق | أزرق | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153ف |
| &أ | أخضر | أخضر | 85 | 255 | 85 | 55FF55 | 21 | 63 | 21 | 153F15 |
| &ب | أزرق أخضر | أكوا | 85 | 255 | 255 | 55FFFF | 21 | 63 | 63 | 153F3F |
| & ج | أحمر | أحمر | 255 | 85 | 85 | FF5555 | 63 | 21 | 21 | 3F1515 |
| &د | ضوء ارجواني | ضوء ارجواني | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
| &ه | أصفر | أصفر | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
| &F | أبيض | أبيض | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
في بعض الأحيان يكون ذلك ضروريا تسطير، شطب، تسليط الضوءأي نص. ويتم ذلك باستخدام تنسيق النص. يتم استخدامه بنفس طريقة الألوان تمامًا (نضعها قبل النص شفرةعلى سبيل المثال &lMinecraft = ماين كرافت.
لراحتك، يوجد أدناه جدول برموز التنسيق:
| شفرة | اسم |
|---|---|
| &ك | النص السحري |
| & ل | ظفري |
| & م | نص يتوسطه خط |
| &ن | نص تحته خط |
| & س | نص مائل |
| & ص | النص بدون تنسيق |
فلاد ميرزيفيتش
في HTML، يتم تحديد اللون بإحدى طريقتين: باستخدام الكود الست عشري وباسم ألوان معينة. يتم استخدام الطريقة المبنية على نظام الأرقام السداسي العشري في الغالب، لأنها الأكثر عالمية.
الألوان السداسية العشرية
يستخدم HTML أرقامًا سداسية عشرية لتحديد الألوان. النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 16. وستكون الأرقام على النحو التالي: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، أ. ، B، C، D، E، F. يتم استبدال الأرقام من 10 إلى 15 بأحرف لاتينية. في الجدول 6.1 يوضح المراسلات بين الأرقام العشرية والست عشرية.
يتم تشكيل الأرقام الأكبر من 15 في النظام السداسي العشري من خلال الجمع بين رقمين في رقم واحد (الجدول 6.2). على سبيل المثال، الرقم 255 بالنظام العشري يتوافق مع الرقم FF بالنظام الست عشري.
لتجنب الارتباك في تعريف نظام الأرقام، يسبق الرقم السداسي العشري رمز التجزئة #، على سبيل المثال #aa69cc. وفي هذه الحالة لا يهم الحال، فيجوز كتابة #F0F0F0 أو #f0f0f0.
يبدو اللون النموذجي المستخدم في HTML بهذا الشكل.
هنا يتم تعيين لون خلفية صفحة الويب على # FA8E47. رمز التجزئة # أمام الرقم يعني أنه سداسي عشري. يحدد أول رقمين (FA) المكون الأحمر للون، ويحدد الرقمان الثالث إلى الرابع (8E) المكون الأخضر، ويحدد الرقمان الأخيران (47) المكون الأزرق. وستكون النتيجة النهائية هذا اللون.
| F. A. | + | 8E | + | 47 | = | FA8E47 |
يمكن لكل لون من الألوان الثلاثة - الأحمر والأخضر والأزرق - أن يأخذ قيمًا من 00 إلى FF، مما ينتج عنه إجمالي 256 لونًا. وبالتالي، يمكن أن يكون العدد الإجمالي للألوان 256x256x256 = 16777216 مجموعة. يُطلق على نموذج الألوان المعتمد على مكونات الأحمر والأخضر والأزرق اسم RGB (الأحمر والأخضر والأزرق والأحمر والأخضر والأزرق). هذا النموذج مضاف (من الإضافة - الإضافة)، حيث تشكل إضافة المكونات الثلاثة اللون الأبيض.
لتسهيل التنقل بين الألوان السداسية العشرية، ضع في الاعتبار بعض القواعد.
- إذا كانت قيم مكونات اللون هي نفسها (على سبيل المثال: #D6D6D6)، فستكون النتيجة صبغة رمادية. كلما زاد الرقم، كان اللون أفتح، وتتراوح القيم من #000000 (أسود) إلى #FFFFFF (أبيض).
- يتم تشكيل لون أحمر ساطع إذا تم ضبط المكون الأحمر على الحد الأقصى (FF) وتم ضبط المكونات المتبقية على الصفر. اللون ذو القيمة #FF0000 هو اللون الأحمر الأكثر احمرارًا. وينطبق الشيء نفسه على اللون الأخضر (#00FF00) والأزرق (#0000FF).
- يتم الحصول على اللون الأصفر (#FFFF00) عن طريق خلط اللون الأحمر مع اللون الأخضر. ويظهر ذلك بوضوح على عجلة الألوان (الشكل 6.1)، والتي تعرض الألوان الأساسية (الأحمر والأخضر والأزرق) والألوان التكميلية أو الإضافية. وتشمل هذه الألوان الأصفر والسماوي والبنفسجي (وتسمى أيضًا اللون الأرجواني). وبشكل عام يمكن الحصول على أي لون من خلال مزج الألوان القريبة منه. وبالتالي، يتم الحصول على اللون السماوي (#00FFFF) من خلال الجمع بين اللونين الأزرق والأخضر.
أرز. 6.1. دائرة اللون
لا يلزم تحديد الألوان المستندة إلى القيم السداسية العشرية بشكل تجريبي. لهذا الغرض، يعد محرر الرسومات الذي يمكنه العمل مع نماذج ألوان مختلفة، على سبيل المثال، Adobe Photoshop، مناسبا. في التين. يوضح الشكل 6.2 نافذة اختيار اللون في هذا البرنامج؛ ويتم تحديد القيمة السداسية العشرية الناتجة للون الحالي بخط. يمكنك نسخه ولصقه في الكود الخاص بك.
أرز. 6.2. نافذة لاختيار الألوان في برنامج فوتوشوب
ألوان الويب
إذا قمت بتعيين جودة عرض ألوان الشاشة على 8 بت (256 لونًا)، فيمكن عرض نفس اللون بشكل مختلف في متصفحات مختلفة. ويرجع ذلك إلى طريقة عرض الرسومات، عندما يعمل المتصفح مع لوحة الألوان الخاصة به ولا يمكنه إظهار لون غير موجود في لوحة الألوان الخاصة به. في هذه الحالة، يتم استبدال اللون بمزيج من وحدات البكسل من الألوان الأخرى القريبة منه التي تحاكي اللون المحدد. ولضمان بقاء اللون كما هو عبر المتصفحات المختلفة، تم تقديم لوحة من ما يسمى بألوان الويب. ألوان الويب هي تلك الألوان التي يتم فيها تعيين كل مكون - الأحمر والأخضر والأزرق - على واحدة من ست قيم - 0 (00)، 51 (33)، 102 (66)، 153 (99)، 204 (CC) ، 255 (فف). تتم الإشارة إلى القيمة السداسية العشرية لهذا المكون بين قوسين. إجمالي عدد الألوان من جميع المجموعات الممكنة يعطي 6x6x6 - 216 لونًا. مثال على لون الويب هو #33FF66.
السمة الرئيسية للون الويب هي أنه يظهر بنفس الشكل في جميع المتصفحات. في الوقت الحالي، تعد أهمية ألوان الويب صغيرة جدًا بسبب تحسن جودة الشاشات وتوسيع قدراتها.
الألوان بالاسم
لتجنب الاضطرار إلى تذكر مجموعة من الأرقام، يمكنك استخدام أسماء الألوان شائعة الاستخدام بدلاً من ذلك. في الجدول 6.3 يظهر أسماء أسماء الألوان الشعبية.
| اسم اللون | لون | وصف | القيمة السداسية العشرية |
|---|---|---|---|
| أسود | أسود | #000000 | |
| أزرق | أزرق | #0000FF | |
| ضارب الى الحمرة | ضوء ارجواني | #FF00FF | |
| رمادي | الرمادي الداكن | #808080 | |
| أخضر | أخضر | #008000 | |
| جير | اخضر فاتح | #00FF00 | |
| كستنائي | احمر غامق | #800000 | |
| القوات البحرية | أزرق غامق | #000080 | |
| زيتون | زيتون | #808000 | |
| أرجواني | الأرجواني الداكن | #800080 | |
| أحمر | أحمر | #FF0000 | |
| فضة | رمادي فاتح | #C0C0C0 | |
| بط نهري صغير | أزرق أخضر | #008080 | |
| أبيض | أبيض | #FFFFFF | |
| أصفر | أصفر | #FFFF00 |
لا يهم ما إذا كنت تحدد اللون باسمه أو باستخدام الأرقام السداسية العشرية. وهذه الطرق متساوية في تأثيرها. يوضح المثال 6.1 كيفية تعيين ألوان الخلفية والنص لصفحة الويب.
مثال 6.1. لون الخلفية والنص
نص المثال
في هذا المثال، يتم تعيين لون الخلفية باستخدام السمة bgcolor للعلامة
ولون النص من خلال سمة النص. للتنوع، يتم تعيين سمة النص على رقم سداسي عشري، ويتم تعيين السمة bgcolor على الكلمة الأساسية المحجوزة البط البري .