رموز ماين كرافت زهورأو ماينكرافت رموزالتنسيق، السماح لأي لاعب بإضافة الزهور وتنسيق النص بكل طريقة ممكنة مباشرة في Minecraft. رموز الألوانمن &0-9 - إلى &a-f. إضافتها قبل النص الخاص بك. يمكن أن تحتوي رسائل اللاعبين على رموز ألوان تسمح لك بإضافة لون إلى جملك.
الألوان ورموز التنسيق
تشير علامة الضم (&) متبوعة برقم سداسي عشري في الرسائل إلى العميل لتبديل الألوان عند عرض النص. بالإضافة إلى ذلك، يمكن تنسيق النص باستخدام & متبوعًا بحرف. يمكنك إضافة ألوان مختلفة إلى الكتب وكتل الأوامر واسم الخادم ووصف الخادم (motd) وأسماء العالم والعلامات وحتى أسماء اللاعبين.
من السهل جدًا تنسيق النص الخاص بك في التكوينات أو في اللعبة باستخدام مخطط الألوان أدناه. &r يستخدم لإعادة تعيين كافة الرموز، أي. سيتم عرض &mAAA&rBBB كـ AAA BBB.
نقدم جدولًا برموز الألوان الموجودة في Minecraft لراحتك:
شفرة | اسم | الاسم الفني | لون الرمز | لون ظل الرمز | ||||||
---|---|---|---|---|---|---|---|---|---|---|
ر | ز | ب | عرافة | ر | ز | ب | عرافة | |||
&0 | أسود | أسود | 0 | 0 | 0 | 000000 | 0 | 0 | 0 | 000000 |
&1 | أزرق غامق | dark_blue | 0 | 0 | 170 | 0000AA | 0 | 0 | 42 | 00002أ |
&2 | أخضر داكن | dark_green | 0 | 170 | 0 | 00AA00 | 0 | 42 | 0 | 002A00 |
&3 | الأزرق الداكن والأخضر | dark_aqua | 0 | 170 | 170 | 00AAA | 0 | 42 | 42 | 002A2A |
&4 | أحمر غامق | dark_red | 170 | 0 | 0 | AA0000 | 42 | 0 | 0 | 2A0000 |
&5 | الأرجواني الداكن | dark_purple | 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 | رمادي غامق | dark_gray | 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 |
& د | أرجواني فاتح | light_purple | 255 | 85 | 255 | FF55FF | 63 | 21 | 63 | 3F153F |
&ه | أصفر | أصفر | 255 | 255 | 85 | FFFF55 | 63 | 63 | 21 | 3F3F15 |
&و | أبيض | أبيض | 255 | 255 | 255 | FFFFFF | 63 | 63 | 63 | 3F3F3F |
في بعض الأحيان يكون ذلك ضروريا تسطير، شطب، تسليط الضوءأي نص. ويتم ذلك باستخدام تنسيق النص. يتم استخدامه بنفس طريقة الألوان تمامًا (نضعها قبل النص شفرةعلى سبيل المثال &lMinecraft = ماين كرافت.
لراحتك، يوجد أدناه جدول برموز التنسيق:
شفرة | اسم |
---|---|
& ك | النص السحري |
& ل | نص غامق |
& م | نص يتوسطه خط |
& ن | نص تحته خط |
& س | نص مائل |
& ص | النص بدون تنسيق |
يتم استخدام الأرقام السداسية العشرية لتحديد الألوان. النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 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- طريقة انتقال اللون . يمكن أن تتراوح الألوان الأساسية من 0
ل 255
، أو من 0%
ل 100%
أو يمكن تمثيلها كقيمة سداسية عشرية. في الشكل أدناه يمكنك رؤية نتائج خلط الألوان الأساسية.
نظام الأرقام السداسية العشرية، على عكس نظام الأرقام العشرية، لا يحتوي على عشرة أرقام، ولكن ستة عشر - ومن هنا الاسم. وفقًا لذلك، لا يمكن أن يكون هناك سوى متغيرات غير متكررة من مجموعات من رقمين - 256 ، لمواصلة سلسلة الأرقام بعد ذلك 9 رسائل من أل فوبالتالي ستكون السلسلة بهذا الشكل
0,1,2,3,4,5,6,7,8,9,أ,ب,ج,د,ه,و. |
في هذه الحالة، يتم تحديد اللون بثلاثة أرقام سداسية عشرية، يتكون كل منها من رقمين. الرقم الأول يحدد الشدة أحمرالألوان المتوسطة- أخضر، آخر- أزرقالألوان. يمكن لجميع الأرقام أن تأخذ قيمًا في النطاق من 00 ل FF(من 0 إلى 255). على سبيل المثال: يتم إعطاء اللون الأخضر ك #00FF00، أحمر - مثل #FF0000، مثل الأزرق #0000FF، أبيض مثل #FFFFFF، ويرد الغياب الكامل للون أو الأسود كما #000000 .
في النموذج أدناه يمكنك تحديد أي قيم سداسية عشرية لكل لون من الألوان الثلاثة ومعرفة نتيجة مزجها من خلال النقر في حقل الإخراج.
أمثلة على بعض قيم ألوان RGB السداسية العشرية: تدرجات اللون الأحمر والأزرق والأخضر.
منظر | شفرة | منظر | شفرة | منظر | شفرة | منظر | شفرة | منظر | شفرة | منظر | شفرة |
#010000 | #800000 | #000100 | #008000 | #000001 | #000080 | ||||||
#100000 | #900000 | #001000 | #009000 | #000010 | #000090 | ||||||
#200000 | #A00000 | #002000 | #00A000 | #000020 | #0000A0 | ||||||
#300000 | #ب00000 | #003000 | #00B000 | #000030 | #0000B0 | ||||||
#400000 | #C00000 | #004000 | #00C000 | #000040 | #0000C0 | ||||||
#500000 | #D00000 | #005000 | #00D000 | #000050 | #0000D0 | ||||||
#600000 | #E00000 | #006000 | #00E000 | #000060 | #0000E0 | ||||||
#700000 | #FF0000 | #007000 | #00FF00 | #000070 | #0000FF |
تحديد اللون باستخدام سلسلة حرفية
ولسهولة الاستخدام، تم تخصيص أسماء لبعض الألوان ومجموعاتها تتعرف عليها جميع المتصفحات، وأصبح من الممكن تحديد الكثير منها بالاسم. ويبين الجدول أدناه بعض أسماء الألوان:
منظر | اسم | منظر | اسم | منظر | اسم | منظر | اسم |
أبيض | أحمر | البرتقالي | أصفر | ||||
أخضر | أزرق | أرجواني | أسود | ||||
أليسبلو | العتيقةالأبيض | أكوا | زبرجد | ||||
أزور | البيج | حساء دسم | بلانشدالموند | ||||
البنفسجي | بني | بورليوود | كاديتبلو | ||||
شارتروز | الشوكولاته | المرجان | ردة الذرة الزرقاء | ||||
كورنسيلك | قرمزي | سماوي | أزرق غامق | ||||
داركسيان | Darkgoldenrod | رمادي غامق | أخضر داكن | ||||
داركخاكي | أرجواني داكن | دارك أوليف جرين | برتقالي داكن | ||||
داركوركيد | داركريد | سمك السلمون الداكن | Darkseagreen | ||||
Darkslateblue | Darkslategray | تركواز غامق | البنفسجي الداكن | ||||
ديببينك | ديبسكيبلو | ديمجراي | دودجربلو | ||||
الطوب الناري | أبيض زهري | فورستجرين | فوشيا | ||||
جينزبورو | غوستوايت | ذهب | غولدنرود | ||||
رمادي | أخضر أصفر | المن | هوتبينك | ||||
أحمر هندي | نيلي | العاج | الكاكي | ||||
لافندر | لافندربلاش | ليمونشيفون | أزرق فاتح | ||||
لايتكورال | لايت سماوي | أصفر فاتح بارد | أخضر فاتح | ||||
رمادي فاتح | وردي فاتح | لايت سلمون | أخضر فاتح | ||||
أزرق فاتح | رمادي فاتح | أزرق فاتح | أصفر فاتح | ||||
الجير | الليمون الأخضر | الكتان | أرجواني | ||||
كستنائي | متوسطالزبرجد | أزرق متوسط | متوسطة السحلية | ||||
أرجواني متوسط | متوسطةأخضر البحر | متوسط الأزرق الداكن | متوسطة الربيع الأخضر | ||||
متوسطالفيروز | أحمر بنفسجي متوسط | منتصف الليل الأزرق | كريم النعناع | ||||
ميستيروز | نافاجو وايت | البحرية | أولدليس | ||||
زيتون | أوليفراب | برتقالي | الأوركيد | ||||
باليغولدينرود | شاحب | باليتوركواز | شاحب اللون الأحمر | ||||
سوط البابايا | نفخة الخوخ | بيرو | لون القرنفل | ||||
البرقوق | مسحوق أزرق | روزي براون | رويال بلو | ||||
سادلبراون | سيجرين | صدف | سيينا | ||||
فضي | أزرق سماوي | سليتبلو | سلاتيغراي | ||||
ثلج | سبرينج جرين | ستيلبلو | تان | ||||
البط البري | الشوك | طماطم | الفيروز | ||||
البنفسجي | قمح | وايتسموك | أصفرأخضر |
استخدام لوحة الألوان الآمنة
لسوء الحظ، على منصات مختلفة، مع إعدادات نظام مختلفة، يمثل إعادة إنتاج الألوان الصحيحة مشكلة. الشيء هو أن المتصفح يحاول دائمًا ضبط لوحة ألوان المستند على إعدادات النظام وقدرات المراقبة، عن طريق مزج الألوان واستبدالها بشكل مستقل. ونتيجة لذلك، في بعض الأحيان لا يرى المستخدم بالضبط ما أراد مشرف الموقع إظهاره له. تم العثور على طريقة للخروج من هذا الموقف من خلال استخدام لوحة الألوان، حيث يتم ضمان عرض كل لون منها بشكل متساوٍ بواسطة جميع المتصفحات على منصات مختلفة. هذا هو ما يسمى مضمونلوحة، وتسمى أيضا آمنلوحة. تتضمن هذه اللوحة الألوان التي تأخذ مكوناتها اللونية القيم التالية: 00 ,33 ,66 ,99 , نسخة,FF، بكل الطرق الممكنة 216 مجموعاتهم.
منظر | شفرة | منظر | شفرة | منظر | شفرة | منظر | شفرة | منظر | شفرة | منظر | شفرة |
FFFFFF | CCCCCC | 999999 | 666666 | 333333 | 000000 | ||||||
CCCC66 | CCCC33 | 999966 | 999933 | 999900 | 666600 | ||||||
CCFF66 | CCFF00 | CCFF33 | CCCC99 | 666633 | 333300 | ||||||
99FF00 | 99FF33 | 99CC66 | 99CC00 | 99CC33 | 669900 | ||||||
CCFF99 | 99FF99 | 66CC00 | 66CC33 | 669933 | 336600 | ||||||
66FF00 | 66FF33 | 33FF00 | 33CC00 | 339900 | 009900 | ||||||
33FF33 | 00FF33 | 00FF00 | 00CC00 | 33CC33 | 00CC33 | ||||||
CCFFCC | 99CC99 | 66CC66 | 669966 | 336633 | 003300 | ||||||
99FF99 | 66FF66 | 33FF66 | 00FF66 | 339933 | 006600 | ||||||
66FF99 | 33FF99 | 00FF99 | 33CC66 | 00CC66 | 009933 | ||||||
66CC99 | 33CC99 | 00CC99 | 339966 | 009966 | 006633 | ||||||
99FFCC | 66FFCC | 33FFCC | 00FFCC | 33CCCC | 009999 | ||||||
CCFFFF | 99FFFF | 66FFFF | 33FFFF | 00FFFF | 00CCCC | ||||||
99CCCC | 66CCCC | 339999 | 669999 | 006666 | 336666 | ||||||
66CCFF | 33CCFF | 00CCFF | 3399 سي سي | 0099CC | 003333 | ||||||
99CCFF | 3399FF | 0099FF | 6699 سي سي | 336699 | 006699 | ||||||
0066FF | 3366 سي سي | 0066CC | 0033FF | 003399 | 003366 | ||||||
6699FF | 3366FF | 0000FF | 0000CC | 0033CC | 000033 | ||||||
3333FF | 3300FF | 3300 سي سي | 3333 سي سي | 000099 | 000066 | ||||||
9999 سي سي | 6666FF | 6666 سي سي | 666699 | 333399 | 333366 | ||||||
CCCCFF | 9999FF | 6666FF | 6600FF | 330099 | 330066 | ||||||
9966 سي سي | 9966FF | 6600 سي سي | 6633 سي سي | 663399 | 330033 | ||||||
CC99FF | CC66FF | 9933FF | 9900FF | 660099 | 663366 | ||||||
CC66FF | CC33FF | CC00FF | 9900 سي سي | 996699 | 660066 | ||||||
CC99CC | CC66CC | CC33CC | CC00CC | 990099 | 993399 | ||||||
FFCCFF | FF99FF | FF66FF | FF33FF | FF00FF | CC3399 | ||||||
FF66CC | FF00CC | FF33CC | CC6699 | CC0099 | 990066 | ||||||
FF99CC | FF3399 | FF0099 | CC0066 | 993366 | 660033 | ||||||
FF6699 | FF3399 | FF0066 | CC3366 | 996666 | 663333 | ||||||
CC9999 | CC6666 | CC3333 | CC0000 | 990033 | 330000 | ||||||
FFCCCC | FF9999 | FF6666 | FF3333 | FF0000 | CC0033 | ||||||
FF6633 | CC3300 | FF3300 | FF0000 | CC0000 | 990000 | ||||||
FFCC99 | FFCC66 | FF6600 | CC6633 | 993300 | 660000 | ||||||
FF9900 | FF9933 | CC9966 | CC6600 | 996633 | 663300 | ||||||
FFCC66 | FFCC00 | FFCC33 | CC9900 | CC9933 | 996600 | ||||||
FFFFCC | FFFF99 | FFFF66 | FFFF33 | FFFF00 | CCCC00 |
في لغة HTML، يمكن تحديد اللون بثلاث طرق:
تحديد لون في HTML باسمه
يمكن تحديد بعض الألوان حسب اسمها، باستخدام اسم اللون باللغة الإنجليزية كقيمة. الكلمات الرئيسية الأكثر شيوعًا: الأسود والأبيض والأحمر والأخضر والأزرق وما إلى ذلك:
لون النص - أحمر
الألوان الأكثر شيوعًا لمعيار اتحاد شبكة الويب العالمية (W3C):
لون | اسم | لون | اسم | لون | اسم | لون | اسم |
---|---|---|---|---|---|---|---|
أسود | رمادي | فضي | أبيض | ||||
أصفر | الجير | أكوا | ضارب الى الحمرة | ||||
أحمر | أخضر | أزرق | أرجواني | ||||
كستنائي | زيتون | البحرية | البط البري |
مثال على استخدام أسماء الألوان المختلفة:
مثال: تحديد لون باسمه
- جربه بنفسك »
رأس على خلفية حمراء
رأس على خلفية برتقالية
العنوان على خلفية الجير
نص أبيض على خلفية زرقاء
رأس على خلفية حمراء
رأس على خلفية برتقالية
العنوان على خلفية الجير
نص أبيض على خلفية زرقاء
تحديد اللون باستخدام RGB
عند عرض ألوان مختلفة على الشاشة، يتم استخدام لوحة RGB كأساس. يتم الحصول على أي لون عن طريق مزج ثلاثة ألوان أساسية: ص - أحمر, ز- أخضر, ب – الأزرق. يتم إعطاء سطوع كل لون بواسطة بايت واحد وبالتالي يمكن أن يأخذ قيمًا من 0 إلى 255. على سبيل المثال، يتم عرض RGB(255,0,0) باللون الأحمر حيث تم ضبط اللون الأحمر على أعلى قيمة له (255) و تم ضبط الباقي على 0 ويمكنك أيضًا ضبط اللون كنسبة مئوية. تشير كل معلمة إلى مستوى سطوع اللون المقابل. على سبيل المثال: القيم rgb(127، 255، 127) و rgb(50%، 100%، 50%) ستحدد نفس اللون الأخضر للتشبع المتوسط:
مثال: تحديد اللون باستخدام RGB
- جربه بنفسك »
رغب (127، 255، 127)
آر جي بي (50%، 100%، 50%)
رغب (127، 255، 127)
آر جي بي (50%، 100%، 50%)
اضبط اللون حسب القيمة السداسية العشرية
قيم ر ز بيمكن أيضًا تحديدها باستخدام قيم الألوان السداسية العشرية (HEX) في النموذج: #RRGGBB حيث RR (أحمر)، GG (أخضر) و BB (أزرق) هي قيم سداسية عشرية من 00 إلى FF (مثل العلامة العشرية 0-255) ) . النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 16. ويستخدم النظام السداسي العشري العلامات التالية: 0، 1، 2، 3، 4، 5، 6، 7، 8، 9، A، B، C، D، E، F. هنا يتم استبدال الأرقام من 10 إلى 15 بأحرف لاتينية. يتم تمثيل الأرقام الأكبر من 15 في النظام السداسي العشري من خلال دمج حرفين في قيمة واحدة. على سبيل المثال، أعلى رقم 255 بالنظام العشري يتوافق مع أعلى قيمة FF بالنظام الست عشري. على عكس النظام العشري، يسبق الرقم السداسي العشري رمز التجزئة. # على سبيل المثال، يظهر #FF0000 باللون الأحمر لأنه تم تعيين اللون الأحمر على أعلى قيمة له (FF) وتم تعيين بقية الألوان على الحد الأدنى لقيمتها (00). علامات بعد رمز التجزئة # يمكنك الكتابة بالأحرف الكبيرة والصغيرة. يسمح لك النظام السداسي العشري باستخدام النموذج المختصر #rgb، حيث كل حرف يعادل الضعف. وبالتالي، يجب اعتبار الإدخال #f7O كـ #ff7700.
مثال: اللون السداسي
- جربه بنفسك »
الأحمر: #FF0000
الأخضر: #00FF00
الأزرق: #0000FF
الأحمر: #FF0000
الأخضر: #00FF00
الأزرق: #0000FF
أحمر+أخضر=أصفر: #FFFF00
أحمر + أزرق = أرجواني: #FF00FF
أخضر+أزرق=سماوي: #00FFFF
قائمة الألوان الشائعة (الاسم، HEX وRGB):
الاسم الانجليزي | الاسم الروسي | عينة | عرافة | RGB | ||
---|---|---|---|---|---|---|
قطيفة | قطيفة | #E52B50 | 229 | 43 | 80 | |
العنبر | العنبر | #FFBF00 | 255 | 191 | 0 | |
أكوا | الأزرق والأخضر | #00FFFF | 0 | 255 | 255 | |
أزور | أزور | #007FFF | 0 | 127 | 255 | |
أسود | أسود | #000000 | 0 | 0 | 0 | |
أزرق | أزرق | #0000FF | 0 | 0 | 255 | |
بوندي بلو | مياه شاطئ بوندي | #0095B6 | 0 | 149 | 182 | |
النحاس | النحاس | #B5A642 | 181 | 166 | 66 | |
بني | بني | #964ب00 | 150 | 75 | 0 | |
أزرق سماوي | أزور | #007BA7 | 0 | 123 | 167 | |
أخضر ربيعي داكن | أخضر ربيعي داكن | #177245 | 23 | 114 | 69 | |
الزمرد | الزمرد | #50سي878 | 80 | 200 | 120 | |
باذنجان | باذنجان | #990066 | 153 | 0 | 102 | |
ضارب الى الحمرة | ضارب الى الحمرة | #FF00FF | 255 | 0 | 255 | |
ذهب | ذهب | #FFD700 | 250 | 215 | 0 | |
رمادي | رمادي | #808080 | 128 | 128 | 128 | |
أخضر | أخضر | #00FF00 | 0 | 255 | 0 | |
نيلي | نيلي | #4B0082 | 75 | 0 | 130 | |
يشم | يشم | #00A86B | 0 | 168 | 107 | |
الجير | الجير | #CCFF00 | 204 | 255 | 0 | |
الملكيت | الملكيت | #0BDA51 | 11 | 218 | 81 | |
البحرية | أزرق غامق | #000080 | 0 | 0 | 128 | |
أكسيد الرصاص | أكسيد الرصاص | #CC7722 | 204 | 119 | 34 | |
زيتون | زيتون | #808000 | 128 | 128 | 0 | |
البرتقالي | البرتقالي | #FFA500 | 255 | 165 | 0 | |
خَوخ | خَوخ | #FFE5B4 | 255 | 229 | 180 | |
اليقطين | اليقطين | #FF7518 | 255 | 117 | 24 | |
أرجواني | البنفسجي | #800080 | 128 | 0 | 128 | |
أحمر | أحمر | #FF0000 | 255 | 0 | 0 | |
زعفران | زعفران | #F4C430 | 244 | 196 | 48 | |
البحر الأخضر | البحر الأخضر | #2E8B57 | 46 | 139 | 87 | |
مستنقع أخضر | بولوتني | #ACB78E | 172 | 183 | 142 | |
البط البري | الأزرق والأخضر | #008080 | 0 | 128 | 128 | |
أولترامارين | أولترامارين | #120A8F | 18 | 10 | 143 | |
البنفسجي | البنفسجي | #8B00FF | 139 | 0 | 255 | |
أصفر | أصفر | #FFFF00 | 255 | 255 | 0 |
رموز الألوان (الخلفية) حسب التشبع والدرجة.
تُستخدم رموز الألوان في 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 |