0
0
CSSmarkup~5 mins

RGB and RGBA in CSS - Cheat Sheet & Quick Revision

Choose your learning style9 modes available
Recall & Review
beginner
What does RGB stand for in CSS colors?
RGB stands for Red, Green, and Blue. These are the three colors combined in different amounts to create many colors on screens.
Click to reveal answer
beginner
How do you write an RGB color in CSS?
You write it as rgb(red, green, blue) where red, green, and blue are numbers from 0 to 255 showing how much of each color you want.
Click to reveal answer
beginner
What extra feature does RGBA have compared to RGB?
RGBA adds an alpha value for transparency. It lets you make colors see-through by setting alpha from 0 (invisible) to 1 (fully visible).
Click to reveal answer
beginner
Example: What color does rgba(255, 0, 0, 0.5) create?
It creates a semi-transparent red color. Red is full (255), green and blue are zero, and alpha 0.5 means 50% see-through.
Click to reveal answer
intermediate
Why is using RGBA useful in web design?
RGBA helps create layered designs by letting background colors show through. It improves look and feel with shadows, overlays, and smooth effects.
Click to reveal answer
What is the range of values for each color in rgb()?
A0 to 1
B0 to 100
C0 to 255
D1 to 255
What does the alpha value in rgba() control?
ATransparency
BSaturation
CHue
DBrightness
Which CSS color function allows transparency?
Argb()
Bhsl()
Chex
Drgba()
What color does rgb(0, 0, 255) represent?
AGreen
BBlue
CRed
DBlack
If you want a fully transparent color, what alpha value do you use in rgba()?
A0
B1
C255
D100
Explain how RGB colors work and how RGBA adds transparency.
Think about mixing light colors and adding see-through effect.
You got /3 concepts.
    Describe a real-life example where you might use RGBA in web design.
    Imagine putting a tinted glass over a picture.
    You got /3 concepts.