Figma - Color and Fill
If you add two fills to a rectangle: a green fill at 100% opacity and a yellow fill at 50% opacity on top, what color will the rectangle mostly appear?
If you add two fills to a rectangle: a green fill at 100% opacity and a yellow fill at 50% opacity on top, what color will the rectangle mostly appear?
medium📝 Formula Result Q4 of 15
Step-by-Step Solution
Solution:
Step 1: Understand fill layering and opacity
The top fill (yellow at 50%) overlays the bottom fill (green at 100%), blending colors.Step 2: Predict visual result
The rectangle shows a mix: green base with semi-transparent yellow on top, creating a blended color.Final Answer:
A mix of green and yellow with yellow semi-transparent overlay -> Option AQuick Check:
Multiple fills blend colors based on opacity [OK]
Quick Trick: Top fill opacity blends with bottom fill color [OK]
Common Mistakes:
MISTAKES- Assuming top fill fully replaces bottom fill
- Ignoring opacity effects
- Expecting black color without reason
Master "Color and Fill" in Figma
Want More Practice?
15+ quiz questions · All difficulty levels · Free
Free Signup - Practice All QuestionsMore Figma Quizzes