لون ذهبي. يمكن تحديد اللون في الأنماط بطرق مختلفة: بالقيمة السداسية العشرية، بالاسم، بتنسيق RGB، RGBA، HSL، HSLA. هناك عدة طرق لتمثيل اللون في تصميم الويب.
هناك عدة طرق لتمثيل اللون في تصميم الويب.
HEX هو نظام تمثيل ألوان سداسي عشري يعتمد على الأساس 16. بالنسبة لهذا النظام، يتم استخدام الأرقام العشرية العربية من 0 إلى 9 والأحرف اللاتينية من A إلى F لاستكمال الرقم الرقمي إلى 16. لتصميم الويب، 16 لونًا أساسيًا (مفتاحًا) يتم استخدام ما يسمى برمز اللون السداسي العشري #RRGGBB، حيث يكون كل زوج مسؤولاً عن حصته من اللون: RR – الأحمر، GG – الأخضر وBB – الأزرق. يتراوح كل جزء من الألوان من 00 إلى FF.
هناك تمثيلان آخران للألوان في تصميم الويب هما: في شكل RGB(*,*,*)، حيث يتم تمثيل كل جزء "*" من اللون بأرقام عشرية من 0 إلى 255 وبأسماء الألوان باللغة الإنجليزية.
عند إنشاء صورة ملونة، تكمن المشكلة الرئيسية في إعادة إنتاج الألوان بشكل صحيح على أنواع مختلفة من أجهزة الكمبيوتر والشاشات والمتصفحات. إذا لم يتمكن المتصفح من عرض اللون بشكل صحيح، فإنه يختار لونًا مشابهًا أو يمزج عدة ألوان. وأحيانًا يمكن استبداله بلون مختلف تمامًا.
طاولة 16 لونًا أساسيًاوالتي تستخدم في جميع المتصفحات
| اسم | لون | عرافة | (رغب) |
| أكوا (موج البحر) | #00FFFF | (000,255,255) | |
| أسود | #000000 | (000,000,000) | |
| أزرق | #0000FF | (000,000,255) | |
| الفوشيه (أرجواني) | #FF00FF | (255,000,255) | |
| رمادي | #808080 | (128,128,128) | |
| أخضر | #008000 | (000,128,000) | |
| الجير (الأخضر الساطع) | #00FF00 | (000,255,000) | |
| المارون (بورجوندي الداكن) | #800000 | (128,000,000) | |
| البحرية (الأزرق الداكن) | #000080 | (000,000,128) | |
| زيتون | #808000 | (128,128,000) | |
| أرجواني | #800080 | (128,000,128) | |
| أحمر | #FF0000 | (255,000,000) | |
| فضي | #C0C0C0 | (192,192,192) | |
| البط البري (الرمادي والأخضر) | #008080 | (000,128,128) | |
| أبيض | #FFFFFF | (255,255,255) | |
| أصفر | #FFFF00 | (255,255,000) |
طاولة أرجوانيالألوان وظلالها
| اسم | لون | عرافة | (رغب) |
| أرجواني (أرجواني) | #FFCBDB | (255,203,219) | |
| أرجواني (أرجواني) | #FF0099 | (255,000,153) | |
| أرجواني (أرجواني) | #F95A61 | (249,090,097) | |
| الفوشيه (الفوشيه) | #FF00FF | (255,000,255) | |
| موفين (أرجواني الأنيلين) | #EF0097 | (239,000,151) | |
| سمك السلمون الوردي (الوردي البرتقالي) | #FF91A4 | (255,145,164) | |
| سينيس (ظل من اللون الأرجواني) | #DE3163 | (153,149,140) | |
| باذنجان (باذنجان) | #990066 | (153,000,132) | |
| أحمر الخدود الخزامى (الوردي-الخزامى) | #FFF0F5 | (255,240,245) | |
| أرجواني (أرجواني) | #C8A2C8 | (200,162,200) | |
| أرجواني (أرجواني) | #FF008F | (255,000,143) | |
| الأوركيد (الأوركيد) | #DA70D6 | (218,112,214) | |
| الأحمر البنفسجي (الأرجواني الأحمر) | #C71585 | (199,021,133) | |
| متفائل (متفائل) | #92000أ | (146,000,010) | |
| الشوك (الظل الأرجواني) | #D8BFD8 | (185,211,238) | |
| الباذنجان البنفسجي (ظل من اللون الأرجواني) | #991199 | (153,017,153) | |
| روزا فيفو (وردي غامق) | #FF007F | (255,000,127) | |
| وردة الخزامى (ظل من اللون الأرجواني) | #FBA0E3 | (108,123,139) | |
| ماونتباتن وردي | #997AB | (153,122,141) |
طاولة رماديالألوان وظلالها
| اسم | لون | عرافة | (رغب) |
| رمادي | #808080 | (128,128,128) | |
| رمادي | #بيبي | (190,190,190) | |
| (الظل الرمادي) | #858585 | (133,133,133) | |
| رمادي33 | #545454 | (084,084,084) | |
| (لائحة رمادية) | #708090 | (112,128,144) | |
| (كوارتز) | #99958س | (153,149,140) | |
| (رمادي فاتح) | #ببببب | (187,187,187) | |
| (فضي) | #c0c0c0 | (192,192,192) | |
| (رمادي-أبيض) | #f0f0f0 | (240,240,240) | |
| (لحية عبد الكريم) | #e0e0e0 | (224,224,224) | |
| رمادي فاتح (رمادي فاتح) | #d3d3d3 | (211,211,211) | |
| لايت ستيت جراي() | #778899 | (119,136,153) | |
| StateGray-1 (زهرة الذرة الشاحبة الزرقاء 1) | #c6e2ff | (198,226,255) | |
| StateGray-2 (زهرة الذرة الشاحبة الزرقاء 2) | #b9d3ee | (185,211,238) | |
| ستيت جراي3() | #9fb6cd | (159,182,205) | |
| ستيت جراي 4() | #6c7b8b | (108,123,139) |
تحتوي هذه الصفحة على جدول بالكلمات الرئيسية التي يمكن استخدامها للإشارة إلى الألوان في لغات مطوري الويب مثل: HTML وCSS وJavaScript وFlash وما إلى ذلك.
في المواصفات القديمة لقلق WC3، تم تحديد 16 كلمة رئيسية فقط، والتي تم من خلالها تعيين الألوان في HTML وCSS. بالإضافة إلى مواصفات أكثر حداثة، تمت إضافة 130 كلمة رئيسية أخرى للإشارة إلى أسماء الألوان. يحتوي الجدول التالي على أسماء الألوان والأكواد السداسية وRGB التي تتوافق معها.
وفقًا لقواعد CSS، فإن أسماء الألوان ليست حساسة لحالة الأحرف. إدخالات اللون IndianRed وindianred متكافئة.
ومن الجدير بالذكر أيضًا أنه من بين الكلمات الرئيسية البالغ عددها 146 كلمة رئيسية في الجدول، يوجد في الواقع عدد أقل من الألوان فيه. وذلك لأن بعض الكلمات الرئيسية تشير إلى نفس اللون. وبالتالي، فإن الأسماء Gray وGray تمثل رمز اللون الرمادي بنسبة 50% #808080، وكلمة Magenta هي مرادف للون HTML Fuchsia، المطابق للرمز السداسي العشري #FF00FF. الكلمات المرادفة أيضًا هي Aqua وCyan، وهي تتوافق مع الرمز #00FFFF.
|
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
يتم استخدام الأرقام السداسية العشرية لتحديد الألوان. النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 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. الألوان على صفحة الويب
جدول (لوحة) الألوان htmlيمنحك الفرصة لاختيار النغمة التي تحتاجها بشكل مستقل. يتم عرض قيمة اللون بثلاثة تنسيقات: Hex وRGB وHSV.
- يتكون Hex من ثلاث قيم مكونة من حرفين في نظام الأرقام الست عشري. على سبيل المثال: #ff00b3، حيث يكون الزوج الأول من الأرقام باللون الأحمر، والثاني باللون الأخضر، والثالث باللون الأزرق.
- RGB (RedGreenBlue) له الشكل "200,100,255"، مما يشير إلى مقدار النغمة المقابلة (الأحمر والأخضر والأزرق) في اللون الناتج.
- HSV (تدرج اللون، التشبع، القيمة - الدرجة، التشبع، القيمة) هو نموذج ألوان تكون فيه الإحداثيات:
- Hue - درجة اللون، يمكن أن تختلف من 0 درجة إلى 360 درجة.
- التشبع - التشبع، يتراوح من 0-100 أو 0-1. كلما ارتفعت هذه المعلمة، كلما كان اللون "أنقى"، ولهذا السبب تسمى هذه المعلمة أحيانًا بنقاء اللون. وكلما اقتربت هذه المعلمة من الصفر، كلما اقترب اللون من اللون الرمادي المحايد.
- القيمة (قيمة اللون) - تحدد السطوع، ويمكن أن تختلف القيمة أيضًا بين 0-100 أو 0-1.
أدخل رمز اللون: يذهب
قائمة الألوان مع الأسماء
يسرد الجدول أسماء الألوان الإنجليزية (التي يمكن استخدامها كقيم) التي تدعمها جميع المتصفحات وقيمها السداسية العشرية. جميع الألوان المدرجة "آمنة"، مما يعني أنها ستظهر بنفس الشكل في جميع المتصفحات.
| اسم اللون | عرافة | لون |
|---|---|---|
| أسود | #000000 | |
| البحرية | #000080 | |
| أزرق غامق | #00008ب | |
| أزرق متوسط | #0000قرص مضغوط | |
| أزرق | #0000FF | |
| أخضر داكن | #006400 | |
| أخضر | #008000 | |
| البط البري | #008080 | |
| DarkCyan | #008B8B | |
| ديب سكاي بلو | #00BFFF | |
| تركواز داكن | #00CED1 | |
| متوسط الربيع الأخضر | #00FA9A | |
| الجير | #00FF00 | |
| سبرينج جرين | #00FF7F | |
| أكوا | #00FFFF | |
| سماوي | #00FFFF | |
| منتصف الليل الأزرق | #191970 | |
| دودجر بلو | #1E90FF | |
| LightSeaGreen | #20B2AA | |
| فوريست جرين | #228ب22 | |
| سيجرين | #2E8B57 | |
| DarkSlateGray | #2F4F4F | |
| ليموني جرين | #32سي دي32 | |
| متوسط البحر الأخضر | #3CB371 | |
| الفيروز | #40E0D0 | |
| رويال بلو | #4169E1 | |
| ستيل بلو | #4682B4 | |
| DarkSlateBlue | #483D8B | |
| تركواز متوسط | #48D1CC | |
| نيلي | #4B0082 | |
| دارك أوليف جرين | #556B2F | |
| كاديت بلو | #5F9EA0 | |
| ردة الذرة الزرقاء | #6495إد | |
| متوسطة أكوامارين | #66كدا | |
| ديمغراي | #696969 | |
| سليت بلو | #6A5ACD | |
| أوليف دراب | #6B8E23 | |
| سليت غراي | #708090 | |
| LightSlateGray | #778899 | |
| متوسطة سليت بلو | #7B68EE | |
| لاون جرين | #7CFC00 | |
| شارتروز | #7FFF00 | |
| زبرجد | #7FFFD4 | |
| كستنائي | #800000 | |
| أرجواني | #800080 | |
| زيتون | #808000 | |
| رمادي | #808080 | |
| السماء الزرقاء | # 87 أوروبا الوسطى والشرقية | |
| لايت سكاي بلو | #87CEFA | |
| أزرق بنفسجي | #8A2BE2 | |
| داركريد | #8B0000 | |
| أرجواني داكن | #8B008B | |
| سادل براون | #8B4513 | |
| دارك سي جرين | #8FBC8F | |
| أخضر فاتح | #90EE90 | |
| أرجواني متوسط | #9370D8 | |
| البنفسجي الداكن | #9400D3 | |
| أخضر شاحب | #98FB98 | |
| دارك أوركيد | #9932CC | |
| أصفرأخضر | #9ACD32 | |
| سيينا | #A0522D | |
| بني | #A52A2A | |
| رمادي داكن | #A9A9A9 | |
| أزرق فاتح | #ADD8E6 | |
| أخضرأصفر | #ADFF2F | |
| شاحب تركواز | #أفيي | |
| لايت ستيل بلو | #B0C4DE | |
| مسحوق أزرق | #B0E0E6 | |
| فايربريك | #B22222 | |
| DarkGoldenRod | #B8860B | |
| متوسطة الأوركيد | #BA55D3 | |
| روزي براون | #BC8F8F | |
| الكاكي الداكن | #BDB76B | |
| فضي | #C0C0C0 | |
| متوسطبنفسجيأحمر | #C71585 | |
| الهندي الأحمر | #CD5C5C | |
| بيرو | #CD853F | |
| الشوكولاته | #D2691E | |
| تان | #D2B48C | |
| رمادي فاتح | #D3D3D3 | |
| شاحب بنفسجي أحمر | #D87093 | |
| الشوك | #D8BFD8 | |
| الأوركيد | #DA70D6 | |
| جولدن رود | #DAA520 | |
| قرمزي | #DC143C | |
| جينزبورو | #DCDCDC | |
| البرقوق | #DDA0DD | |
| بورليوود | #ديب887 | |
| لايت سماوي | #E0FFFF | |
| لافندر | #E6E6FA | |
| DarkSalmon | #E9967A | |
| البنفسجي | #EE82EE | |
| بالي جولدن رود | #EEE8AA | |
| لايتكورال | #F08080 | |
| الكاكي | #F0E68C | |
| أليس بلو | #F0F8FF | |
| المن | #F0FF0 | |
| أزور | #F0FFFF | |
| ساندي براون | #F4A460 | |
| قمح | #F5DEB3 | |
| البيج | #F5F5DC | |
| وايت سموك | #F5F5F5 | |
| كريم النعناع | #F5FFFA | |
| غوست وايت | #F8F8FF | |
| سمك السلمون | #FA8072 | |
| العتيقة الأبيض | #FAEBD7 | |
| الكتان | #FAF0E6 | |
| LightGoldenRodYellow | #فافاد2 | |
| OldLace | #FDF5E6 | |
| أحمر | #FF0000 | |
| ضارب الى الحمرة | #FF00FF | |
| أرجواني | #FF00FF | |
| ديب بينك | #FF1493 | |
| برتقالي أحمر | #FF4500 | |
| طماطم | #FF6347 | |
| هوتبينك | #FF69B4 | |
| المرجان | #FF7F50 | |
| برتقالي داكن | #FF8C00 | |
| لايت سلمون | #FFA07A | |
| البرتقالي | #FFA500 | |
| وردي فاتح | #FFB6C1 | |
| لون القرنفل | #FFC0CB | |
| ذهب | #FFD700 | |
| نفخة الخوخ | #فداب9 | |
| نافاجو وايت | #FFDEAD | |
| حذاء بدون كعب | #FFE4B5 | |
| حساء دسم | #FFE4C4 | |
| ميستي روز | #FFE4E1 | |
| اللوز المقشر | #FFEBCD | |
| سوط البابايا | #FFFD5 | |
| لافندر بلش | #FFF0F5 | |
| صدف | #FFF5EE | |
| كورنسيلك | #FFF8DC | |
| ليمون شيفون | #FFFACD | |
| زهريأبيض | #FFFA0 | |
| ثلج | #FFFAFA | |
| أصفر | #FFFF00 | |
| أصفر فاتح | #FFFE0 | |
| العاج | #FFFFFF0 | |
| أبيض | #FFFFFF |
في لغة 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 | |
رموز الألوان (الخلفية) حسب التشبع والدرجة.
-
17 أبريل 2015برامج مجانية للويندوز تحميل مجاني تحميل تطبيق جوجل ايرث -
17 أبريل 2015نافذة التنقل للأخطاء 1s 8
