رنگ‌های RGB CSS

قيم RGB

في CSS، يمكن استخدام الصيغة التالية لتعيين اللون كقيمة RGB:

rgb(red, green, blue)

كل معلمة (redوgreen و blue) يحدد شدة اللون بين 0 و255.

على سبيل المثال، rgb(255, 0, 0) يظهر كأحمر لأن الأحمر هو أكبر قيمة (255) والآخران يتم تعيينهما إلى 0.

لعرض السوداء، يرجى تعيين جميع معلمات الألوان إلى 0، مثلما هو موضح هنا: rgb(0, 0, 0).

لعرض الأبيض، يرجى تعيين جميع معلمات الألوان إلى 255، مثلما هو موضح هنا: rgb(255, 255, 255).

يرجى تجربة خلط القيم RGB التالية:

　

RED

255

GREEN

0

BLUE

0

مثال

rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)

جرب بنفسك

عادةً ما يتم تعريف الظلال الرمادية باستخدام نفس القيم للثلاث مصادر الضوء:

مثال

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

جرب بنفسك

قيم RGBA

لون RGBA هو استكشاف لون RGB مع قناة ألفا - وهو يحدد شفافية اللون.

يحدد قيمة الألوان RGBA:

rgba(red, green, blue, alpha)

alpha المعلمات هي أرقام بين 0.0 (شفافية كاملة) و 1.0 (لا شفافية على الإطلاق):

يرجى تجربة خلط القيم RGBA التالية:

　

RED

255

GREEN

0

BLUE

0

ALPHA

0

مثال

rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)

جرب بنفسك