رموز الألوان في RGB. رموز الألوان في Minecraft
11/28 / 1411.1 كلسوء الحظ ، ليس من الممكن حتى الآن إظهار أحاسيس التذوق على الموقع. ولكن يمكن تعويض ذلك بالكامل بمساعدة الألوان. بعد كل شيء ، تسمح لك ألوان html بعرض أي من ملايين الظلال. لهذا السبب " أقلام ملونة"في مجموعته أكثر من سبعة.
نظام الألوان في html
في لغة تأشير النص الفائق ، يمكن تحديد اللون بعدة صيغ:
1. كقيمة سداسية عشرية - يتم استخدام الكود المحدد في النظام الست عشري. تتكون أكواد الألوان في لغة تأشير النص الفائق من ثلاثة أزواج من الأرقام السداسية العشرية. كل زوج مسؤول عن تشبع الصبغة بلونه الأساسي:
- الزوج الرقمي الأول مسؤول عن اللون الأحمر ؛
- الزوج الثاني لمحتوى اللون الأخضر ؛
- هذا الأخير لمحتوى اللون الأزرق.
في بداية الكود (قبل الأرقام) ، يتم وضع علامة التجزئة. هذا هو رمز اللون الست عشري. بالإضافة إلى الأرقام من 1 إلى 9 ، يستخدم نظام الأرقام هذا أحرف الأبجدية اللاتينية (A ، B ، C ، D ، E ، F).
على سبيل المثال ، سيبدو كود اللون الأبيض في html بالشكل #FFFFFF:
2. الكلمات الرئيسية - يدعم html الآن حوالي 147 كلمة رئيسية. لكن ليست كل هذه الكلمات فريدة. يشير بعضها إلى نفس لون الظل.
يتم تمثيل الرمادي بكلمتين رئيسيتين: الرمادي والرمادي. يتم إعطاء الكود السداسي العشري (HEX) بنفس القيمة # 808080.
مثال :
#808080
3. في تنسيق RGB - يعتمد ترميز اللون هذا في html على استخدام ثلاث قيم محددة في النطاق من 0 إلى 255. يحدد كل منها تشبع تدرج اللون بأحد الألوان الأساسية:
- R - أحمر (أحمر) ؛
- G - أخضر (أخضر) ؛
- ب - أزرق (أزرق).
رقم اللون بصيغة RGB مكتوب على النحو التالي: rgb (0 ، 210 ، 100).
لون الخلفية: rgb (10018643)
4. في تنسيق RGBA - إنه تنسيق RGB متقدم ، حيث تحدد القيمة الرابعة شفافية اللون في شكل كسر عشري من 0 إلى 1.
مثال على الاستخدام:
لون الخلفية: rgba (100،86،143،0.2)
لون الخلفية: rgba (100،86،143،0.5)
لون الخلفية: rgba (100،86،143،0.8)
لون الخلفية: rgba (100،86،143،1)
جداول الألوان html ومولدات الألوان
مع هذه المجموعة الواسعة من تنسيقات ضبط الألوان ، من السهل الخلط. لذلك ، تم اختراع جدول ألوان خاص. في ذلك ، إلى 147 اسمًا رئيسيًا لظلال الألوان ، يتم تقديم رموز المراسلات في جميع المعايير الرئيسية لتمثيل الألوان. بالإضافة إلى ذلك ، تم تجهيز كل حقل بشريط لمطابقة الألوان المرئية. أحد هذه الجداول معروض على موقع colorcheme.ru:
ولكن حتى بمساعدة مثل هذا التنظيم للمراسلات ، قد يكون اختيار الظل المطلوب أمرًا صعبًا. وليست حقيقة أن هناك الجدول الصحيح في جدول رموز الألوان.
للالتفاف حول هذا الحاجز وتسهيل اختيار الظل المناسب قدر الإمكان ، تم تطوير خدمات الويب التفاعلية. قد تختلف واجهة المستخدم الخاصة بهم قليلاً عن بعضها البعض.
على موقع html-color-codes.info ، يبدو منشئ الألوان كما يلي:
وضمن خدمة color-picker.appsmaster.co ، يتم تطبيق هذه الأداة بشكل مختلف قليلاً:
يتم ضبط تشبع كل لون في المولد باستخدام منزلقات خاصة. بصريًا ، يتم عرض الصبغة بلون الإطار والمستطيل على الجانب الأيسر. في الجزء السفلي ، تعرض 3 حقول رمز اللون في التنسيقات الرئيسية.
لكن مولد الألوان متاح ليس فقط في المواقع المتخصصة. تم تجهيز جميع برامج تحرير الرسوم تقريبًا بأداة مماثلة. على سبيل المثال ، Photoshop:
سلامة اللون
وكان ذلك منذ زمن بعيد ، في عصر بطاقات الفيديو التي تدعم 256 لونًا فقط. في تلك الأيام ، يمكن لأنظمة التشغيل عرض عدد معين فقط من ظلال ثمانية بت دون تشويه.
ثم ولدت مائدة كبيرة من الألوان الآمنة. أشارت إلى 216 لونًا يمكن عرضها دون تشويه في أي من المتصفحات في ذلك الوقت. وحتى يومنا هذا مخطوطة عظيمة»لا يزال متاحًا في بعض الموارد:
كل شيء تغير في عصرنا. لذلك ، يتم إلغاء جميع قواعد الأمان تمامًا عند العمل باستخدام اللون في لغة تأشير النص الفائق. بعد كل شيء ، تدعم أجهزة الكمبيوتر الحديثة أكثر من 16 مليون لون مختلف. و 216 لونًا آمنًا قد غرقوا في النسيان.
يتم استخدام الأرقام السداسية العشرية لتحديد الألوان. النظام الست عشري ، على عكس النظام العشري ، مبني على الرقم 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.
بالاسم
متصفح الانترنت | كروم | أوبرا | سفاري | ثعلب النار | ذكري المظهر | iOS |
4.0+ | 1.0+ | 3.5+ | 1.3+ | 1.0+ | 1.0+ | 1.0+ |
تدعم المتصفحات بعض الألوان بالاسم. في الجدول. يوضح الشكل 1 الأسماء والرمز السداسي والقيم بتنسيق RGB و HSL والوصف.
اسم | اللون | الرمز | RGB | HSL | وصف |
---|---|---|---|---|---|
أبيض | #fffff أو #fff | RGB (255،255،255) | hsl (0.0٪، 100٪) | أبيض | |
فضة | # c0c0c0 | RGB (192192192) | hsl (0.0٪، 75٪) | رمادي | |
اللون الرمادي | #808080 | RGB (128128128) | hsl (0.0٪، 50٪) | رمادي غامق | |
أسود | # 000000 أو # 000 | RGB (0،0،0) | hsl (0،0٪، 0٪) | أسود | |
كستنائي | #800000 | RGB (128،0،0) | hsl (0.100٪ ، 25٪) | احمر غامق | |
أحمر | # ff0000 أو # f00 | RGB (255،0،0) | hsl (0.100٪ ، 50٪) | أحمر | |
البرتقالي | # ffa500 | RGB (255،165،0) | hsl (38.8100٪، 50٪) | البرتقالي | |
الأصفر | # ffff00 أو # ff0 | RGB (255،255،0) | hsl (60،100٪، 50٪) | الأصفر | |
زيتون | #808000 | rgb (128،128،0) | hsl (60،100٪ ، 25٪) | زيتون | |
جير | # 00ff00 أو # 0f0 | rgb (0،255،0) | hsl (120،100٪، 50٪) | اخضر فاتح | |
لون أخضر | #008000 | rgb (0،128،0) | hsl (120،100٪ ، 25٪) | لون أخضر | |
أكوا | # 00ffff أو # 0ff | RGB (0،255،255) | hsl (180،100٪ ، 50٪) | أزرق | |
أزرق | # 0000ff أو # 00f | RGB (0،0،255) | hsl (240،100٪، 50٪) | أزرق | |
القوات البحرية | #000080 | RGB (0،0،128) | hsl (240،100٪، 25٪) | أزرق غامق | |
بط نهري صغير | #008080 | RGB (0،128،128) | hsl (180،100٪ ، 25٪) | أزرق أخضر | |
ضارب الى الحمرة | # ff00ff أو # f0f | RGB (255،0،255) | hsl (300،100٪، 50٪) | لون القرنفل | |
ليلكي | #800080 | rgb (128،0،128) | hsl (300،100٪ ، 25٪) | البنفسجي |
مع RGB
متصفح الانترنت | كروم | أوبرا | سفاري | ثعلب النار | ذكري المظهر | iOS |
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
متصفح الانترنت | كروم | أوبرا | سفاري | ثعلب النار | ذكري المظهر | iOS |
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
متصفح الانترنت | كروم | أوبرا | سفاري | ثعلب النار | ذكري المظهر | iOS |
9.0+ | 1.0+ | 9.6+ | 3.1+ | 3.0+ | 2.1+ | 2.0+ |
يتكون اسم تنسيق HSL من مزيج من الأحرف الأولى Hue (hue) و Saturate (Saturation) و Lightness (lightness). Hue هي قيمة اللون على عجلة الألوان (الشكل 1) ويتم تحديدها بالدرجات. 0 ° أحمر ، 120 ° أخضر ، 240 ° أزرق. يمكن أن تختلف قيمة تدرج اللون من 0 إلى 359.
أرز. 1. عجلة الألوان
التشبع هو شدة اللون ، ويتم قياسه كنسبة مئوية من 0٪ إلى 100٪. تشير القيمة 0٪ إلى عدم وجود لون وظل رمادي ، و 100٪ هي قيمة التشبع القصوى.
يحدد الإضاءة مدى سطوع اللون ويتم تحديده كنسبة مئوية من 0٪ إلى 100٪. القيم الصغيرة تجعل اللون أغمق ، بينما القيم العالية تجعله أفتح ، والقيم القصوى من 0٪ و 100٪ تتوافق مع الأسود والأبيض.
HSLA
متصفح الانترنت | كروم | أوبرا | سفاري | ثعلب النار | ذكري المظهر | iOS |
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. الألوان على صفحة الويب
تستخدم رموز الألوان في 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 | # 3300CC | # 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 | # 6600CC | # 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 رموزالتنسيق ، اسمح لأي لاعب بإضافة زهور وتنسيق النص بكل طريقة ممكنة في 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 | 00002A |
&2 | أخضر غامق | أخضر غامق | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | الأزرق الداكن والأخضر | dark_aqua | 0 | 170 | 170 | 00AAAA | 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 | AAAAAA | 42 | 42 | 42 | 2A2A2A |
&8 | رمادي غامق | الرمادي الداكن | 85 | 85 | 85 | 555555 | 21 | 21 | 21 | 151515 |
&9 | أزرق | أزرق | 85 | 85 | 255 | 5555FF | 21 | 21 | 63 | 15153F |
&أ | لون أخضر | لون أخضر | 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 = ماين كرافت.
لراحتك ، يوجد أدناه جدول رموز للتنسيق:
الرمز | اسم |
---|---|
&ك | نص سحري |
& ل | ظفري |
م | نص يتوسطه خط |
&ن | نص مسطر |
& ا | نص مائل |
& ص | نص بدون تنسيق |