ألوان HEX CSS
يتم تحديد اللون الست عشري بـ: #RRGGBB ، حيث تحدد الأعداد الصحيحة السداسية العشرية RR (أحمر) و GG (أخضر) و BB (أزرق) مكونات اللون.
قيمة HEX
في CSS ، يمكن تحديد لون باستخدام قيمة سداسية عشرية بالشكل:
# rrggbb
حيث تكون rr (أحمر) و gg (أخضر) و bb (أزرق) قيمًا سداسية عشرية بين 00 و ff (مثل النظام العشري 0-255).
على سبيل المثال ، يتم عرض # ff0000 باللون الأحمر ، لأنه تم ضبط اللون الأحمر على أعلى قيمة له (ff) ويتم تعيين الآخرين على أقل قيمة (00).
لعرض اللون الأسود ، اضبط جميع القيم على 00 ، مثل هذا: # 000000.
لعرض اللون الأبيض ، اضبط جميع القيم على ff ، مثل هذا: #ffffff.
جرب عن طريق خلط قيم HEX أدناه:
#ff6347
أحمر
لون أخضر
أزرق
مثال
غالبًا ما يتم تحديد ظلال الرمادي باستخدام قيم متساوية لجميع مصادر الضوء الثلاثة:
مثال
3 أرقام قيمة HEX
في بعض الأحيان سترى رمزًا سداسيًا مكونًا من 3 أرقام في مصدر CSS.
الكود السداسي العشري المكون من 3 أرقام هو اختصار لبعض الرموز السداسية العشرية المكونة من 6 أرقام.
يحتوي الكود السداسي العشري المكون من 3 أرقام على الشكل التالي:
# rgb
حيث تمثل r و g و b المكونات الحمراء والخضراء والزرقاء بقيم بين 0 و f.
لا يمكن استخدام الشفرة السداسية العشرية المكونة من 3 أرقام إلا عندما تكون القيمتان (RR و GG و BB) متطابقتين لكل مكون. لذا ، إذا كان لدينا # ff00cc ، فيمكن كتابته على النحو التالي: # f0c.
هنا مثال:
مثال
body {
background-color: #fc9; /* same as #ffcc99 */
}
h1 {
color: #f0f; /* same as #ff00ff */
}
p {
color: #b58; /* same as #bb5588 */
}