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

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

رموز الألوان HTML

يتم تمثيل الألوان في لغة HTML بالتدوين السداسي العشري (HEX) للأحمر والأزرق والأخضر (RGB).

أصغر قيمة للون هي 0 (النظام الست عشري 00). أعلى قيمة للون هي 255 (عرافة FF).

قيمة اللون السداسي العشري هي ثلاثة أرقام تبدأ بعلامة #.

رموز الألوان (المعاني)

لون	رمز عرافة	رمز RGB
	#000000	رغب (0،0،0)
	#FF0000	رغب (255،0،0)
	#00FF00	رغب (0,255,0)
	#0000FF	رغب (0،0،255)
	#FFFF00	آر جي بي (255,255,0)
	#00FFFF	آر جي بي (0,255,255)
	#FF00FF	رغب (255،0،255)
	#C0C0C0	آر جي بي (192,192,192)
	#FFFFFF	آر جي بي (255255255)

16 مليون ظلال

يؤدي الجمع بين اللون الأحمر والأزرق والأخضر بقيم تتراوح من 0 إلى 255 بالنسبة المئوية لكل لون إلى الحصول على إجمالي أكثر من 16 مليون ظل (256 × 256 × 256).

معظم الشاشات الحديثة قادرة على عرض ما لا يقل عن 16384 لونًا مختلفًا (تستطيع شاشات LCD عمومًا عرض 262 ألفًا و16 مليون لونًا) (تم التحديث في أكتوبر 2013)الألوان، ويمكن لشاشات CRT عرض عدد غير محدود تقريبًا من الألوان).

جدول الألوان أدناه يوضح التغير في نسبة اللون الأحمر من 0 إلى 255 مع قيم صفر للأزرق والأخضر:

أحمر	رمز عرافة	رمز RGB
	#000000	رغب (0،0،0)
	#080000	رغب (8،0،0)
	#100000	رغب (16،0،0)
	#180000	رغب (24،0،0)
	#200000	رغب (32،0،0)
	#280000	رغب (40،0،0)
	#300000	رغب (48،0،0)
	#380000	رغب (56،0،0)
	#400000	رغب (64،0،0)
	#480000	رغب (72،0،0)
	#500000	رغب (80،0،0)
	#580000	رغب (88،0،0)
	#600000	رغب (96،0،0)
	#680000	رغب (104،0،0)
	#700000	رغب (112،0،0)
	#780000	رغب (120،0،0)
	#800000	رغب (128،0،0)
	#880000	رغب (136،0،0)
	#900000	رغب (144،0،0)
	#980000	رغب (152،0،0)
	#A00000	رغب (160،0،0)
	#A80000	رغب (168،0،0)
	#ب00000	رغب (176،0،0)
	#ب80000	رغب (184،0،0)
	#C00000	رغب (192،0،0)
	#C80000	رغب (200،0،0)
	#D00000	رغب (208،0،0)
	#D80000	رغب (216،0،0)
	#E00000	رغب (224،0،0)
	#E80000	رغب (232،0،0)
	#F00000	رغب (240،0،0)
	#F80000	رغب (248،0،0)
	#FF0000	رغب (255،0،0)

ظلال رمادية

للحصول على ظلال رمادية، يتم استخدام حصص متساوية من جميع الألوان. ولتسهيل عليك اختيار اللون المناسب، نوفر لك أكواد الظل الرمادي

ظلال رمادية	رمز عرافة	رمز RGB
	#000000	رغب (0،0،0)
	#080808	رغب (8،8،8)
	#101010	رغب (16،16،16)
	#181818	رغب (24،24،24)
	#202020	رغب (32،32،32)
	#282828	رغب (40،40،40)
	#303030	رغب (48،48،48)
	#383838	آر جي بي (56،56،56)
	#404040	رغب (64،64،64)
	#484848	آر جي بي (72،72،72)
	#505050	رغب (80،80،80)
	#585858	رغب (88،88،88)
	#606060	آر جي بي (96,96,96)
	#686868	آر جي بي (104,104,104)
	#707070	رغب (112112112)
	#787878	رغب (120،120،120)
	#808080	آر جي بي (128,128,128)
	#888888	آر جي بي (136,136,136)
	#909090	آر جي بي (144,144,144)
	#989898	آر جي بي (152,152,152)
	#A0A0A0	رغب (160،160،160)
	#A8A8A8	آر جي بي (168,168,168)
	#B0B0B0	آر جي بي (176,176,176)
	#B8B8B8	آر جي بي (184,184,184)
	#C0C0C0	آر جي بي (192,192,192)
	#C8C8C8	رغب (200200200)
	#D0D0D0	آر جي بي (208208208)
	#D8D8D8	آر جي بي (216,216,216)
	#E0E0E0	RGB(224,224,224)
	#E8E8E8	آر جي بي (232232232)
	#F0F0F0	رغب (240240240)
	#F8F8F8	آر جي بي (248,248,248)
	#FFFFFF	آر جي بي (255255255)

أسماء ألوان HTML عبر المتصفحات (جميع المتصفحات).

مجموعة مكونة من 150 اسم لون بلغة html، مدعومة في جميع المتصفحات.

أسماء الألوان الموحدة

يسرد W3C 16 اسم لون صالحًا لـ HTML وCSS: أزرق مائي، أسود، أزرق، فوشيا، رمادي، أخضر، ليموني، كستنائي (كستنائي)، بحري (فائق النعومة)، زيتوني (زيتوني)، أرجواني (أرجواني)، أحمر (أحمر) والفضي (الفضي)، والأزرق المخضر (الرمادي)، والأبيض (الأبيض)، والأصفر (الأصفر).

عند استخدام ألوان غير مدرجة في هذه القائمة، فمن الأصح استخدام رمزها السداسي العشري (HEX) أو رمز RGB.

ألوان آمنة

منذ عدة سنوات، عندما كان بإمكان أجهزة الكمبيوتر دعم 256 لونًا مختلفًا كحد أقصى، تم اقتراح قائمة تضم 216 "لونًا آمنًا للويب"، مع حجز 40 لونًا للنظام.

تم إنشاء لوح الألوان هذا الذي يحتوي على 216 لونًا لعرض الألوان بشكل صحيح في وضع لوح الألوان الذي يحتوي على 256 لونًا.

الآن هذا لا يهم لأن معظم أجهزة الكمبيوتر حول العالم تدعم ملايين ظلال الألوان. على أية حال، إليك قائمة بهذه الألوان:

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	3333 سي سي	3333FF
336600	336633	336666	336699	3366 سي سي	3366FF
339900	339933	339966	339999	3399 سي سي	3399FF
33CC00	33CC33	33CC66	33CC99	33CCCC	33CCFF
33FF00	33FF33	33FF66	33FF99	33FFCC	33FFFF
660000	660033	660066	660099	6600 سي سي	6600FF
663300	663333	663366	663399	6633 سي سي	6633FF
666600	666633	666666	666699	6666 سي سي	6666FF
669900	669933	669966	669999	6699 سي سي	6699FF
66CC00	66CC33	66CC66	66CC99	66CCCC	66CCFF
66FF00	66FF33	66FF66	66FF99	66FFCC	66FFFF
990000	990033	990066	990099	9900 سي سي	9900FF
993300	993333	993366	993399	9933 سي سي	9933FF
996600	996633	996666	996699	9966 سي سي	9966FF
999900	999933	999966	999999	9999 سي سي	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

تفصل وحدة الألوان في CSS القيم التي تسمح للمؤلفين بتحديد الألوان وعتامة عناصر html، بالإضافة إلى قيم خاصية اللون.

خاصية اللون

1. الألوان ذات الأولوية: خاصية اللون

تحدد الخاصية لون الخط باستخدام أنظمة عرض الألوان المختلفة. تصف الخاصية لون محتوى نص العنصر. بالإضافة إلى ذلك، يتم استخدامه لتوفير قيمة غير مباشرة محتملة (اللون الحالي) لأي خصائص أخرى تقبل قيم الألوان.

الملكية موروثة.

2. قيم اللون

2.1. الكلمات الرئيسية

تتضمن قائمة الكلمات الرئيسية المعاني التالية:

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

أسماء الألوان ليست حساسة لحالة الأحرف.

بناء الجملة

اللون: أزرق مخضر؛

2.2. قيم الألوان الرقمية

2.2.1. ألوان نموذج RGB

التنسيق السداسي العشري لقيمة RGB هو علامة # متبوعة مباشرة بثلاثة أو ستة أحرف سداسية عشرية. يتم تحويل تدوين RGB المكون من ثلاثة أرقام #rgb إلى النموذج المكون من ستة أرقام #rrggbb عن طريق نسخ الأرقام بدلاً من إضافة الأصفار. على سبيل المثال، يمتد #fb0 إلى #ffbb00 . وهذا يضمن إمكانية تحديد #ffffff باللون الأبيض في الإدخال القصير #ffff، وإزالة أي تبعيات على عمق ألوان العرض.

تنسيق قيمة RGB في التدوين الوظيفي هو rgb(متبوعة بقائمة مفصولة بفواصل من ثلاث قيم رقمية (إما ثلاث قيم عددية أو ثلاث قيم مئوية) متبوعة برمز). القيمة الصحيحة 255 تقابل 100% وF أو FF بالتدوين الست عشري:

Rgb(255,255,255) = rgb(100%، 100%، 100%) = #FFF

يُسمح بأحرف المسافة حول القيم الرقمية.

تحتوي هذه الصفحة على جدول بالكلمات الرئيسية التي يمكن استخدامها للإشارة إلى الألوان في لغات مطوري الويب مثل: 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.

اسم اللون في HTML وCSS عرافة RGB نغمات حمراء: أحمر هندي #CD5C5C 205, 92, 92 لايتكورال #F08080 240, 128, 128 سمك السالمون #FA8072 250, 128, 114 DarkSalmon #E9967A 233, 150, 122 لايت سلمون #FFA07A 255, 160, 122 قرمزي #DC143C 220, 20, 60 أحمر #FF0000 255, 0, 0 فايربريك #B22222 178, 34, 34 احمر غامق #8B0000 139, 0, 0 النغمات الوردية: لون القرنفل #FFC0CB 255, 192, 203 وردي فاتح #FFB6C1 255, 182, 193 وردي فاقع #FF69B4 255, 105, 180 زهري غامق #FF1493 255, 20, 147 متوسطبنفسجيأحمر #C71585 199, 21, 133 شاحب بنفسجي أحمر #DB7093 219, 112, 147 نغمات برتقالية: لايت سلمون #FFA07A 255, 160, 122 المرجان #FF7F50 255, 127, 80 طماطم #FF6347 255, 99, 71 أحمر برتقالي #FF4500 255, 69, 0 برتقالي قاتم #FF8C00 255, 140, 0 البرتقالي #FFA500 255, 165, 0 النغمات الصفراء: ذهب #FFD700 255, 215, 0 أصفر #FFFF00 255, 255, 0 أصفر فاتح #FFFE0 255, 255, 224 ليمون شيفون #FFFACD 255, 250, 205 LightGoldenrodYellow #فافاد2 250, 250, 210 سوط البابايا #FFFD5 255, 239, 213 حذاء بدون كعب #FFE4B5 255, 228, 181 نفخة الخوخ #فداب9 255, 218, 185 بالي جولدنرود #EEE8AA 238, 232, 170 الكاكي #F0E68C 240, 230, 140 الكاكي الداكن #BDB76B 189, 183, 107 نغمات البنفسج: لافندر #E6E6FA 230, 230, 250 الشوك #D8BFD8 216, 191, 216 وظيفة محترمة #DDA0DD 221, 160, 221 البنفسجي #EE82EE 238, 130, 238 زهرة الأوركيد #DA70D6 218, 112, 214 ضارب الى الحمرة #FF00FF 255, 0, 255 أرجواني #FF00FF 255, 0, 255 متوسطة الأوركيد #BA55D3 186, 85, 211 أرجواني متوسط #9370 ديسيبل 147, 112, 219 بنفسجي مزرق #8A2BE2 138, 43, 226 بنفسجي غامق #9400D3 148, 0, 211 دارك أوركيد #9932CC 153, 50, 204 أرجواني داكن #8B008B 139, 0, 139 أرجواني #800080 128, 0, 128 نيلي #4B0082 75, 0, 130 لائحة الأزرق #6A5ACD 106, 90, 205 DarkSlateBlue #483D8B 72, 61, 139 نغمات البني: كورنسيلك #FFF8DC 255, 248, 220 اللوز المقشر #FFEBCD 255, 235, 205 حساء دسم #FFE4C4 255, 228, 196 نافاجو وايت #FFDEAD 255, 222, 173 قمح #F5DEB3 245, 222, 179 خشب قوي البنية #ديب887 222, 184, 135 تان #D2B48C 210, 180, 140 روزي براون #BC8F8F 188, 143, 143 بني رملي #F4A460 244, 164, 96 غولدنرود #DAA520 218, 165, 32 DarkGoldenRod #B8860B 184, 134, 11 بيرو #CD853F 205, 133, 63 شوكولاتة #D2691E 210, 105, 30 السرج البني #8B4513 139, 69, 19 سيينا #A0522D 160, 82, 45 بني #A52A2A 165, 42, 42 كستنائي #800000 128, 0, 0 الألوان الأساسية: أسود #000000 0, 0, 0 رمادي #808080 128, 128, 128 فضة #C0C0C0 192, 192, 192 أبيض #FFFFFF 255, 255, 255 ضارب الى الحمرة #FF00FF 255, 0, 255 أرجواني #800080 128, 0, 128 أحمر #FF0000 255, 0, 0 كستنائي #800000 128, 0, 0 أصفر #FFFF00 205, 92, 92 زيتون #808000 240, 128, 128 جير #00FF00 250, 128, 114 أخضر #008000 233, 150, 122 أكوا #00FFFF 205, 92, 92 بط نهري صغير #008080 240, 128, 128 أزرق #0000FF 250, 128, 114 القوات البحرية #000080 233, 150, 122

اسم اللون في HTML وCSS عرافة RGB النغمات الخضراء: أخضرأصفر #ADFF2F 173, 255, 47 شارتروز #7FFF00 127, 255, 0 العشب الأخضر #7CFC00 124, 252, 0 جير #00FF00 0, 255, 0 ليمون اخضر #32سي دي32 50, 205, 50 أخضر باهت #98FB98 152, 251, 152 اخضر فاتح #90EE90 144, 238, 144 متوسط ​​الربيع الأخضر #00FA9A 0, 250, 154 ربيع اخضر #00FF7F 0, 255, 127 متوسط ​​البحر الأخضر #3CB371 60, 179, 113 سيجرين #2E8B57 46, 139, 87 فوريست جرين #228ب22 34, 139, 34 أخضر #008000 0, 128, 0 أخضر غامق #006400 0, 100, 0 الأخضر الأصفر #9ACD32 154, 205, 50 أوليف دراب #6B8E23 107, 142, 35 زيتون #808000 128, 128, 0 دارك أوليف جرين #556B2F 85, 107, 47 متوسطالزبرجد #66كدا 102, 205, 170 دارك سي جرين #8FBC8F 143, 188, 143 LightSeaGreen #20B2AA 32, 178, 170 DarkCyan #008B8B 0, 139, 139 بط نهري صغير #008080 0, 128, 128 النغمات الزرقاء: أكوا #00FFFF 0, 255, 255 ازرق سماوي #00FFFF 0, 255, 255 ضوء سماوي #E0FFFF 224, 255, 255 شاحب تركواز #أفيي 175, 238, 238 زبرجد #7FFFD4 127, 255, 212 الفيروز #40E0D0 64, 224, 208 تركواز متوسط #48D1CC 72, 209, 204 تركواز داكن #00CED1 0, 206, 209 طالبا الأزرق #5F9EA0 95, 158, 160 الأزرق الصلب #4682B4 70, 130, 180 لايت ستيل بلو #B0C4DE 176, 196, 222 مسحوق أزرق #B0E0E6 176, 224, 230 أزرق فاتح #ADD8E6 173, 216, 230 السماء الزرقاء # 87 أوروبا الوسطى والشرقية 135, 206, 235 لايت سكاي بلو #87CEFA 135, 206, 250 ديب سكاي بلو #00BFFF 0, 191, 255 المراوغ الأزرق #1E90FF 30, 144, 255 ردة الذرة الأزرق #6495إد 100, 149, 237 متوسطة سليت بلو #7B68EE 123, 104, 238 الأزرق الملكي #4169E1 65, 105, 225 أزرق #0000FF 0, 0, 255 ازرق متوسط #0000قرص مضغوط 0, 0, 205 أزرق غامق #00008ب 0, 0, 139 القوات البحرية #000080 0, 0, 128 منتصف الليل الأزرق #191970 25, 25, 112 النغمات البيضاء: أبيض #FFFFFF 255, 255, 255 ثلج #FFFAFA 255, 250, 250 المن #F0FF0 240, 255, 240 كريم النعناع #F5FFFA 245, 255, 250 أزور #F0FFFF 240, 255, 255 أليس الأزرق #F0F8FF 240, 248, 255 غوست وايت #F8F8FF 248, 248, 255 دخان ابيض #F5F5F5 245, 245, 245 صدف #FFF5EE 255, 245, 238 اللون البيج #F5F5DC 245, 245, 220 OldLace #FDF5E6 253, 245, 230 زهريأبيض #FFFA0 255, 250, 240 عاج #FFFFFF0 255, 255, 240 الأبيض العتيقة #FAEBD7 250, 235, 215 الكتان #FAF0E6 250, 240, 230 لافندر بلش #FFF0F5 255, 240, 245 ارتفع ضبابي #FFE4E1 255, 228, 225 نغمات رمادية: جينزبورو #DCDCDC 220, 220, 220 رمادي فاتح #D3D3D3 211, 211, 211 رمادي فاتح #D3D3D3 211, 211, 211 فضة #C0C0C0 192, 192, 192 الرمادي الداكن #A9A9A9 169, 169, 169 الرمادي الداكن #A9A9A9 169, 169, 169 رمادي #808080 128, 128, 128 رمادي #808080 128, 128, 128 ديمغراي #696969 105, 105, 105 ديمغراي #696969 105, 105, 105 LightSlateGray #778899 119, 136, 153 رمادي فاتح #778899 119, 136, 153 الرمادي الداكن #708090 112, 128, 144 الرمادي الداكن #708090 112, 128, 144 DarkSlateGray #2F4F4F 47, 79, 79 دارك سليت غراي #2F4F4F 47, 79, 79 أسود #000000 0, 0, 0

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