تُستخدم رموز الألوان في CSS لتحديد الألوان. عادة، يتم استخدام رموز الألوان أو قيم الألوان لتعيين اللون إما للون الأمامي لعنصر (مثل لون النص، لون الرابط) أو لون خلفية العنصر (لون الخلفية، لون الكتلة). ويمكن استخدامها أيضًا لتغيير لون الزر والحدود والعلامة والتحويم والتأثيرات الزخرفية الأخرى.
يمكنك تحديد قيم الألوان الخاصة بك بتنسيقات مختلفة. يسرد الجدول التالي جميع التنسيقات الممكنة:
يتم وصف التنسيقات المدرجة بمزيد من التفاصيل أدناه.
ألوان CSS - الرموز السداسية
رمز اللون الست عشريهو تمثيل مكون من ستة أرقام للون. يمثل أول رقمين (RR) القيمة الحمراء، ويمثل الرقمان التاليان القيمة الخضراء (GG)، ويمثل الرقمان الأخيران القيمة الزرقاء (BB).
ألوان CSS - رموز سداسية قصيرة
رمز اللون الست عشري القصيرهو شكل أقصر من التدوين المكون من ستة أحرف. في هذا التنسيق، يتم تكرار كل رقم لإنتاج قيمة لون مكافئة مكونة من ستة أرقام. على سبيل المثال: يصبح #0F0 #00FF00.
يمكن أخذ القيمة السداسية العشرية من أي رسم برمجة، مثل أدوبي فوتوشوب، الرسم الأساسي، الخ.
كل رمز لون سداسي عشري في 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 |
يتم استخدام الأرقام السداسية العشرية لتحديد الألوان. النظام السداسي العشري، على عكس النظام العشري، يعتمد، كما يوحي اسمه، على الرقم 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 و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 بستة أحرف بعد حرف الشرطة المائلة - على سبيل المثال، #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 |
جدول (لوحة) الألوان 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 |