لون الرسم البياني أتش تي أم أل الأرجواني. يمكن تحديد اللون في الأنماط بطرق مختلفة: حسب القيمة السداسية العشرية، وبالاسم، بتنسيق RGB، وRGBA، وHSL، وHSLA

22.06.2019

يتم استخدام الأرقام السداسية العشرية لتحديد الألوان. النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 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 ووصفها.

طاولة 1. أسماء الألوان

اسم	شفرة	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. الألوان على صفحة الويب

28/11/14 11.1 ك

لسوء الحظ، ليس من الممكن بعد عرض أحاسيس التذوق على الموقع. ولكن يمكن تعويض ذلك بالكامل بمساعدة الألوان. بعد كل شيء، تسمح لك ألوان HTML بعرض أي من ملايين الظلال. لذا " أقلام ملونةهناك أكثر من سبعة في مجموعته.

نظام الألوان في HTML

في لغة HTML، يمكن تحديد اللون بعدة تنسيقات:

1. كقيمة سداسية عشرية - يتم استخدام الرمز المحدد في نظام الأرقام السداسية العشرية. تتكون رموز الألوان هذه في HTML من ثلاثة أزواج من الأرقام السداسية العشرية. كل زوج مسؤول عن تشبع الظل بلونه الأساسي:

الزوج العددي الأول هو المسؤول عن اللون الأحمر؛
الزوج الثاني مخصص لمحتوى اللون الأخضر؛
هذا الأخير لمحتواه الأزرق.

يتم وضع علامة التجزئة في بداية الكود (قبل الأرقام). هذا هو رمز اللون الست عشري. بالإضافة إلى الأرقام من 1 إلى 9، يستخدم نظام الأرقام هذا حروف الأبجدية اللاتينية (A، B، C، D، E، F).

على سبيل المثال، سيبدو رمز اللون الأبيض في لغة HTML مثل #FFFFFF:

2. الكلمة الرئيسية - يدعم HTML حاليًا حوالي 147 كلمة رئيسية. ولكن ليست كل هذه الكلمات فريدة من نوعها. يشير بعضهم إلى نفس لون الظل.

يتم تمثيل اللون الرمادي بكلمتين رئيسيتين: Gray و Gray . يتم إعطاء الرمز السداسي العشري (HEX) بنفس القيمة #808080.

مثال:

#808080

3. بتنسيق RGB - يعتمد ترميز الألوان هذا في html على استخدام ثلاث قيم، تم تعيينها في النطاق من 0 إلى 255. تحدد كل واحدة منها تشبع اللون بأحد الألوان الأساسية:

ص - أحمر (أحمر)؛
ز - أخضر (أخضر)؛
ب – الأزرق (الأزرق).

تتم كتابة رقم اللون بتنسيق RGB بالشكل التالي: rgb(0, 210, 100).

لون الخلفية:RGB(100,186,43)

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 حقول رمز اللون بالتنسيقات الأساسية.

لكن مولد الألوان متاح ليس فقط في المواقع المتخصصة. تم تجهيز جميع برامج تحرير الرسوم تقريبًا بأداة مماثلة. على سبيل المثال الفوتوشوب:

احتياطات السلامة عند العمل مع اللون

وكان هذا منذ زمن طويل، في عصر بطاقات الفيديو التي كانت تدعم 256 لونًا فقط. في تلك الأوقات البعيدة، لم يكن بإمكان أنظمة التشغيل سوى عرض عدد معين من ظلال ثمانية بتات دون تشويه.

ثم تم تطوير جدول رائع للألوان الآمنة. حددت 216 لونًا يمكن عرضها دون تشويه في أي من المتصفحات في ذلك الوقت. وإلى يومنا هذا " مخطوطة عظيمة» لا يزال متاحًا في بعض الموارد:

في الوقت الحاضر تغير كل شيء. لذلك، يتم إلغاء جميع قواعد السلامة عند العمل بالألوان في HTML بالكامل. بعد كل شيء، تدعم أجهزة الكمبيوتر الحديثة أكثر من 16 مليون لون مختلف. و216 لونًا آمنًا غرقت في غياهب النسيان.

في لغة 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

رموز الألوان (الخلفية) حسب التشبع والدرجة.

>>إدارة الألوان

قيم ألوان RGB السداسية العشرية

تختلف طرق وصف الألوان ومعالجتها عن بعضها البعض في التمثيل النهائي المقصود منها. دعونا نقارن، على سبيل المثال، بين تمثيل الألوان للطباعة وشاشات الكمبيوتر. في الحالة الأولى، يتم أخذ الأساس أبيضلون الورقة التي يتم تطبيق ثلاثة ألوان أساسية عليها فيما بعد: أزرق, أرجوانيو أصفر. عند مزجها مع بعضها البعض ومع اللون الأبيض للورق بنسب مختلفة، تعطي هذه الألوان الأساسية الثلاثة درجات ألوان مختلفة، باستثناء اللون الأسود النقي، أو في حالة الغياب التام للدهانات تعطي ورقًا أبيض. وإذا أضفنا إليها اللون الأسود نحصل على كميك-طريقة نقل اللون عند الحصول على اللون المطلوب عن طريق طرح الألوان المفقودة من اللون الأبيض.

وفي الحالة الثانية يتم أخذ الأساس أسودلون شاشة العرض، حيث تتوهج كل خلية منها بأحد الألوان الثلاثة: أحمر-أحمر، أخضر-الأخضر و أزرق-أزرق. ثم، في حالة الغياب التام لأي توهج، نحصل على لون شاشة أسود خالص، ويتم إعطاء أي من الألوان المطلوبة بنسبة كل لون من الألوان الثلاثة. في هذه الحالة سوف نحصل RGB- طريقة انتقال اللون . يمكن أن تحتوي الألوان الأساسية على قيم تتراوح من 0 قبل 255 ، او من 0% قبل 100% أو يمكن تمثيلها كقيمة سداسية عشرية. في الشكل أدناه يمكنك رؤية نتائج خلط الألوان الأساسية.

نظام الأرقام السداسية العشرية، على عكس نظام الأرقام العشرية، لا يحتوي على عشرة أرقام، ولكن ستة عشر - ومن هنا الاسم. وبناء على ذلك، لا يمكن أن يكون هناك سوى متغيرات غير متكررة من مجموعات من رقمين - 256 ، لمواصلة سلسلة الأرقام بعد ذلك 9 رسائل من أقبل Fوبالتالي ستكون السلسلة بهذا الشكل

0,1,2,3,4,5,6,7,8,9,أ,ب,ج,د,ه,و.

لتحويل الأرقام من نظام أرقام إلى آخر وبالعكس، استخدم الآلة الحاسبة أدناه. الحد الأقصى للقيمة هنا يمكن أن يكون FF - 255 .

في هذه الحالة، يتم تحديد اللون بثلاثة أرقام سداسية عشرية، يتكون كل منها من رقمين. الرقم الأول يحدد الشدة أحمرالألوان المتوسطة- أخضر، آخر شيء- أزرقالألوان. يمكن لجميع الأرقام أن تأخذ قيمًا في النطاق من 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 أرقامًا سداسية عشرية لتحديد الألوان. النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 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.

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 يظهر أسماء أسماء الألوان الشعبية.

طاولة 6.3. اسماء بعض الالوان

اسم اللون	وصف	القيمة السداسية العشرية
أسود	أسود	#000000
أزرق	أزرق	#0000FF
ضارب الى الحمرة	ضوء ارجواني	#FF00FF
رمادي	الرمادي الداكن	#808080
أخضر	أخضر	#008000
جير	اخضر فاتح	#00FF00
كستنائي	احمر غامق	#800000
القوات البحرية	أزرق غامق	#000080
زيتون	زيتون	#808000
أرجواني	الأرجواني الداكن	#800080
أحمر	أحمر	#FF0000
فضة	رمادي فاتح	#C0C0C0
بط نهري صغير	أزرق أخضر	#008080
أبيض	أبيض	#FFFFFF
أصفر	أصفر	#FFFF00

لا يهم ما إذا كنت تحدد اللون باسمه أو باستخدام الأرقام السداسية العشرية. وهذه الطرق متساوية في تأثيرها. يوضح المثال 6.1 كيفية تعيين ألوان الخلفية والنص لصفحة الويب.

مثال 6.1. لون الخلفية والنص

الألوان

نص المثال

في هذا المثال، يتم تعيين لون الخلفية باستخدام السمة bgcolor للعلامة ولون النص من خلال سمة النص. من أجل التنوع، يتم تعيين سمة النص على رقم سداسي عشري، ويتم تعيين سمة bgcolor على الكلمة الأساسية المحجوزة Teal .

مقالات مماثلة

أحمر		أخضر		أزرق
	0 1 2 3 4 5 6 7 8 9 أ ب ج د ه و	0 1 2 3 4 5 6 7 8 9 أ ب ج د ه و	0 1 2 3 4 5 6 7 8 9 أ ب ج د ه و	0 1 2 3 4 5 6 7 8 9 أ ب ج د ه و	0 1 2 3 4 5 6 7 8 9 أ ب ج د ه و

...انقر هنا